/* === LIGHT MODE (defaut) === */
:root {
    /* Brand */
    --color-accent: #d4a533;
    --color-accent-hover: #c49a2e;
    --color-accent-light: #f0c95a;

    /* Backgrounds */
    --color-background: #ffffff;
    --color-surface: #f5f3f0;
    --color-surface-hover: #edeae6;

    /* Text */
    --color-text: #1a1a1a;
    --color-text-light: #6b6560;
    --color-text-on-accent: #111;
    --color-text-on-dark: #f5f0eb;

    /* Borders & shadows */
    --color-border: rgba(0, 0, 0, .08);
    --color-border-accent: rgba(212, 165, 51, .15);
    --color-shadow: rgba(0, 0, 0, .08);
    --color-shadow-strong: rgba(0, 0, 0, .15);
    --color-shadow-accent: rgba(212, 165, 51, .15);

    /* Overlays */
    --color-overlay: rgba(0, 0, 0, .5);
    --color-overlay-light: rgba(0, 0, 0, .03);

    /* Navbar */
    --color-navbar-bg: rgba(255, 255, 255, .97);
    --color-navbar-shadow: rgba(0, 0, 0, .08);

    /* Mobile nav */
    --color-mobile-nav-bg: linear-gradient(180deg, #ffffff, #f8f7f5);
    --color-mobile-nav-border: rgba(212, 165, 51, .15);

    /* Cards */
    --color-card-border: rgba(0, 0, 0, .06);
    --color-card-shadow: rgba(0, 0, 0, .1);

    /* Hero / page-hero */
    --color-hero-gradient: linear-gradient(160deg, #f8f7f5 0%, #ffffff 30%, #f5f3f0 60%, #ffffff 100%);
    --color-page-hero-gradient: linear-gradient(160deg, #f8f7f5 0%, #ffffff 50%, #f5f3f0 100%);

    /* Footer */
    --color-footer-bg: #1a1a1a;
    --color-footer-text: #b0a89e;
    --color-footer-heading: #f5f0eb;
    --color-footer-border: rgba(255, 255, 255, .06);

    /* Forms */
    --color-input-bg: rgba(0, 0, 0, .03);
    --color-input-border: rgba(0, 0, 0, .12);
    --color-input-placeholder: rgba(0, 0, 0, .35);
    --color-select-option-bg: #ffffff;

    /* Section alt */
    --color-section-alt: linear-gradient(180deg, #f8f7f5 0%, #f2f0ed 100%);
    --color-accent-soft-bg: linear-gradient(135deg, rgba(212, 165, 51, .06) 0%, #ffffff 50%, rgba(212, 165, 51, .03) 100%);

    /* Particles / decorative */
    --color-particle: rgba(212, 165, 51, .2);
    --color-particle-soft: rgba(212, 165, 51, .1);

    /* USP band */
    --color-usp-text: #111;
    --color-usp-sep: rgba(0, 0, 0, .25);

    /* FAQ */
    --color-faq-border: rgba(0, 0, 0, .08);
    --color-faq-open-bg: rgba(212, 165, 51, .04);

    /* Event card text (always light on dark overlay) */
    --color-event-text: #fff;
    --color-event-text-light: rgba(255, 255, 255, .65);

    /* Meta */
    --theme-color: #ffffff;
}

/* === DARK MODE === */
[data-theme="dark"] {
    --color-accent-hover: #e0b440;

    --color-background: #111111;
    --color-surface: #1e1e1e;
    --color-surface-hover: #252525;

    --color-text: #f5f0eb;
    --color-text-light: #b0a89e;

    --color-border: rgba(255, 255, 255, .04);
    --color-border-accent: rgba(212, 165, 51, .1);
    --color-shadow: rgba(0, 0, 0, .35);
    --color-shadow-strong: rgba(0, 0, 0, .5);
    --color-shadow-accent: rgba(212, 165, 51, .3);

    --color-overlay: rgba(0, 0, 0, .65);
    --color-overlay-light: rgba(255, 255, 255, .025);

    --color-navbar-bg: rgba(17, 17, 17, .97);
    --color-navbar-shadow: rgba(0, 0, 0, .5);

    --color-mobile-nav-bg: linear-gradient(180deg, #151515, #111);
    --color-mobile-nav-border: rgba(212, 165, 51, .1);

    --color-card-border: rgba(255, 255, 255, .04);
    --color-card-shadow: rgba(0, 0, 0, .35);

    --color-hero-gradient: linear-gradient(160deg, #0e0e0e 0%, #151515 30%, #1a1a1a 60%, #111 100%);
    --color-page-hero-gradient: linear-gradient(160deg, #0e0e0e 0%, #161616 50%, #1a1a1a 100%);

    --color-footer-bg: #0a0a0a;

    --color-input-bg: rgba(255, 255, 255, .04);
    --color-input-border: rgba(255, 255, 255, .08);
    --color-input-placeholder: rgba(176, 168, 158, .4);
    --color-select-option-bg: #1e1e1e;

    --color-section-alt: linear-gradient(180deg, #141414 0%, #1a1a1a 100%);
    --color-accent-soft-bg: linear-gradient(135deg, rgba(212, 165, 51, .04) 0%, #111111 50%, rgba(212, 165, 51, .02) 100%);

    --color-faq-border: rgba(255, 255, 255, .06);
    --color-faq-open-bg: rgba(212, 165, 51, .02);

    --theme-color: #111111;
}