:root {
    color-scheme: dark;
    /* ── هویت آیین: آبی دریایی + فیروزه + آجر گرم (از نمای مدرسه) ── */
    --brand: #1a4f8c;
    --brand-light: #5a9fd4;
    --brand-dark: #123d6e;
    --brand-warm: #0d7a6f;
    --brand-warm-light: #38c4b4;
    --brand-brick: #c9a66b;
    --brand-brick-light: #e2c896;
    --brand-brick-muted: rgba(201, 166, 107, 0.22);
    --green: var(--brand);
    --green-light: var(--brand-light);
    --green-dark: var(--brand-dark);

    --blue-dark: #050e16;
    --blue-mid: #091420;
    --surface-soft: #0b1824;
    --surface-elevated: rgba(255, 255, 255, 0.045);

    --card-bg: rgba(255, 255, 255, 0.032);
    --card-border: rgba(201, 166, 107, 0.12);
    --card-border-glow: rgba(90, 159, 212, 0.18);
    --text-main: #f4f8fb;
    --text-muted: rgba(244, 248, 251, 0.68);
    --radius: 20px;
    --radius-sm: 12px;
    --radius-arch: 999px 999px 0 0;

    --font-display: 'Vazirmatn', sans-serif;
    --font-body: 'Vazirmatn', sans-serif;

    --hero-overlay: linear-gradient(
        180deg,
        rgba(5, 14, 22, 0.28) 0%,
        rgba(5, 14, 22, 0.12) 35%,
        rgba(5, 14, 22, 0.55) 68%,
        rgba(5, 14, 22, 0.94) 100%
    );
    --hero-scrim: transparent;
    --hero-img-brightness: 0.84;

    --pattern-dot: rgba(201, 166, 107, 0.06);
    --pattern-line: rgba(90, 159, 212, 0.05);

    --btn-o-border: rgba(201, 166, 107, 0.28);
    --footer-bg: #030a10;
    --music-bg: rgba(9, 20, 32, 0.92);
    --nav-height: 68px;
    --particle: rgba(90, 159, 212, 0.38);
    --particle-line: rgba(201, 166, 107, 0.14);
    --focus-ring: #5a9fd4;

    --shadow-soft: 0 24px 64px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 0 1px rgba(201, 166, 107, 0.08), 0 16px 48px rgba(0, 0, 0, 0.28);

    --theme-toggle-size: 42px;
    --theme-toggle-radius: 12px;
    --theme-toggle-bg: rgba(201, 166, 107, 0.12);
    --theme-toggle-bg-hover: rgba(201, 166, 107, 0.22);
    --theme-toggle-border: rgba(201, 166, 107, 0.22);
    --theme-toggle-fg: var(--brand-brick-light);
}

html.light-theme {
    color-scheme: light;
    --blue-dark: #f3f6f9;
    --blue-mid: #ffffff;
    --surface-soft: #e8eef4;
    --surface-elevated: rgba(26, 79, 140, 0.04);
    --card-bg: rgba(26, 79, 140, 0.035);
    --card-border: rgba(26, 79, 140, 0.12);
    --card-border-glow: rgba(26, 79, 140, 0.1);
    --text-main: #122033;
    --text-muted: #4a6073;
    --brand-warm-light: #0d7a6f;
    --brand-brick-light: #9a7340;
    --pattern-dot: rgba(26, 79, 140, 0.05);
    --pattern-line: rgba(26, 79, 140, 0.04);
    --hero-overlay: linear-gradient(180deg, rgba(5, 14, 22, 0.22) 0%, rgba(5, 14, 22, 0.5) 70%, rgba(5, 14, 22, 0.78) 100%);
    --hero-img-brightness: 0.9;
    --btn-o-border: rgba(26, 79, 140, 0.18);
    --footer-bg: #e6ecf2;
    --music-bg: rgba(255, 255, 255, 0.94);
    --focus-ring: #1a4f8c;
    --shadow-soft: 0 20px 48px rgba(18, 48, 80, 0.12);
    --shadow-glow: 0 0 0 1px rgba(26, 79, 140, 0.08), 0 12px 32px rgba(18, 48, 80, 0.1);
    --particle: rgba(26, 79, 140, 0.28);
    --particle-line: rgba(26, 79, 140, 0.12);

    --theme-toggle-bg: rgba(26, 79, 140, 0.08);
    --theme-toggle-bg-hover: rgba(26, 79, 140, 0.14);
    --theme-toggle-border: rgba(26, 79, 140, 0.16);
    --theme-toggle-fg: var(--brand);
}