/* ===========================================
   THEME: GOLD
   Used on: client-spotlight.html, gold-star-program.html, gold-star-partner-program.html
   Primary: #F59E0B | Dark: #D97706 | Light: #FBBF24
   =========================================== */

:root {
    --theme: #F59E0B;
    --theme-dark: #D97706;
    --theme-light: #FBBF24;
    --theme-glow: rgba(245, 158, 11, 0.25);
    --theme-pale: rgba(245, 158, 11, 0.08);
    --theme-rgb: 245, 158, 11;
    --theme-nav-rgb: 120, 53, 15; /* #78350F - matches header/footer */
}

/* Navigation CTA Button */
.nav-cta {
    background: var(--theme) !important;
    box-shadow: 0 4px 15px var(--theme-glow) !important;
}
.nav-cta:hover {
    background: var(--theme-dark) !important;
    box-shadow: 0 6px 20px rgba(var(--theme-rgb), 0.4) !important;
}

/* Fluid Header Background */
.fluid-header {
    background: linear-gradient(135deg, #78350F 0%, #92400E 100%);
}
.fluid-header canvas {
    background: linear-gradient(135deg, #78350F 0%, #92400E 100%);
}

/* Typewriter Effect */
.typewriter-text {
    background: linear-gradient(
        90deg,
        #ffffff 0%,
        #F59E0B 25%,
        #FBBF24 50%,
        #F59E0B 75%,
        #ffffff 100%
    );
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 3s ease-in-out infinite;
}
.typewriter-cursor {
    background: var(--theme-light) !important;
}

/* Footer */
.footer {
    background: linear-gradient(135deg, #78350F 0%, #92400E 100%) !important;
}
.footer__bottom {
    border-top-color: rgba(255, 255, 255, 0.15);
}

/* Theme Accents */
.theme-accent {
    color: var(--theme);
}
.theme-accent-bg {
    background: var(--theme);
}
.theme-gradient-bg {
    background: linear-gradient(135deg, var(--theme) 0%, var(--theme-light) 100%);
}
.theme-border {
    border-color: var(--theme);
}
.theme-glow {
    box-shadow: 0 4px 20px var(--theme-glow);
}

/* Intro Section Styling */
.page-intro {
    background: linear-gradient(180deg, transparent 0%, var(--theme-pale) 50%, transparent 100%);
}
.page-intro::before {
    background: linear-gradient(180deg, transparent, var(--theme), transparent);
}

/* Stats/Numbers */
.stat-number,
.theme-number {
    color: var(--theme);
}

/* Cards & Highlights */
.theme-card:hover {
    border-color: var(--theme-light);
    box-shadow: 0 8px 30px var(--theme-glow);
}

/* Gold-specific: Spotlight CTA */
.btn-gold {
    background: linear-gradient(135deg, var(--theme) 0%, var(--theme-light) 100%);
    color: #78350F;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 15px var(--theme-glow);
    transition: all 0.3s ease;
}
.btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(var(--theme-rgb), 0.4);
    color: #78350F;
}

/* Gold Star badges */
.gold-star {
    color: var(--theme);
}
.gold-badge {
    background: linear-gradient(135deg, var(--theme) 0%, var(--theme-light) 100%);
    color: #78350F;
}