:root {
  --color-primary: #0a1628;
  --color-secondary: #112240;
  --color-card: rgba(17,34,64,0.7);
  --color-glass: rgba(17,34,64,0.55);
  --color-accent: #64FFDA;
  --color-accent-glow: rgba(100,255,218,0.25);
  --shadow-glow: 0 0 24px rgba(100,255,218,0.18);
  --color-border: rgba(100,255,218,0.15);
  --color-accent-dark: #00b4a0;
  --color-light: #ccd6f6;
  --color-muted: #8892b0;
  --color-card: rgba(27,38,59,0.7);
}

body { background: #0a1628 !important; color: #ccd6f6 !important; }
#mainNav.scrolled { background: #0a1628eb !important; }
#hero { background: #0a1628 !important; }
#hizmetler { background: #112240 !important; }
#hakkimizda { background: #0a1628 !important; }
#neden-biz { background: #112240 !important; }
#referanslar { background: #0a1628 !important; }
#iletisim { background: #112240 !important; }
#footer { background: #0a1628f5 !important; }
.btn-accent { background: #64FFDA !important; color: #0a1628 !important; }
.btn-accent:hover { background: #ffffff !important; color: #0a1628 !important; }
.btn-outline { color: #64FFDA !important; border-color: #64FFDA !important; }
.btn-outline:hover { background: #64FFDA !important; color: #0a1628 !important; }
.accent-text, .hero-badge, .navbar-brand span { color: #64FFDA !important; }
.divider-line { background: #64FFDA !important; }
.service-card:hover .service-icon-wrap { background: #64FFDA !important; }
.section-title { color: #ccd6f6 !important; }
.section-subtitle { color: #8892b0 !important; }
#ogunsoftBtn {
    background: rgb(111, 66, 193) !important;
    color: rgb(255, 255, 255) !important;
}

#ogunsoftBtn{
    position: relative;
    overflow: hidden;
    color: #fff !important;
    z-index: 1;
}

#ogunsoftBtn::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;

    background: linear-gradient(
        90deg,
        #0a1628,
        #112240,
        #64FFDA,
        #00b4a0,
        #ccd6f6,
        #8892b0,
        #1B263B
    );

    background-size: 600% 100%;
    animation: rgbFlow 10s linear infinite;
}

@keyframes rgbFlow{
    from { background-position: 0% 0%; }
    to   { background-position: 600% 0%; }
}