/* CUSTOMIZABLE LAYER: color/atmosphere tokens only. Brand anchors stay identifiable. */
@layer tokens {
    :root {
        --brand-red: #df1f41;
        --brand-blue: #25265e;
        --brand-white: #ffffff;
        --brand-black: #0a0d16;
        --color-scheme: light;
        --page: #f7f8fa;
        --panel: #ffffff;
        --cookie-panel: #fffffff5;
        --ink: #141626;
        --muted: #646977;
        --line: #dfe2e9;
        --subtle: #f1f2f7;
        --accent: var(--brand-blue);
        --focus: #5362da;
        --selection: var(--brand-red);
        --selection-ink: #ffffff;
        --button: var(--brand-blue);
        --button-ink: #ffffff;
        --panel-shadow: 0 20px 70px #080c2220, 0 2px 10px #080c2208;
        --stage: #080c1a;
        --on-stage: #ffffff;
        --headline-secondary: #d4d7eb;
        --stage-muted: #c5c9d7;
        --stage-dim: #bec4d780;
        --stage-line: #d0d5ee45;
        --signature-line: #c1c8ed60;
        --signal: var(--brand-red);
        --signal-glow: #df1f4160;
        --video-opacity: .82;
        --video-saturation: .52;
        --video-button: #10162c40;
        --hero-shade: linear-gradient(90deg, #080d1cf2 0%, #0b1125da 28%, #10193880 64%, #10193260 100%), linear-gradient(0deg, #080c1bcd, transparent 48%, #080c1b40);
        --grid-color: #d2d9ff;
        --grid-opacity: .035;
    }
    :root[data-theme="dark"] {
        --color-scheme: dark;
        --page: #0b0e18;
        --panel: #151a28;
        --cookie-panel: #151a28f7;
        --ink: #f1f2fa;
        --muted: #a6adbf;
        --line: #2b3245;
        --subtle: #21283b;
        --accent: #a9b5ff;
        --focus: #a9b5ff;
        --panel-shadow: 0 20px 70px #00000050;
        --video-opacity: .7;
        --hero-shade: linear-gradient(90deg, #050812f5, #0b1023d4 35%, #10173180 75%), linear-gradient(0deg, #070b17e0, transparent 60%);
    }
    @media (prefers-color-scheme: dark) {
        :root[data-theme="system"] {
            --color-scheme: dark;
            --page: #0b0e18;
            --panel: #151a28;
            --cookie-panel: #151a28f7;
            --ink: #f1f2fa;
            --muted: #a6adbf;
            --line: #2b3245;
            --subtle: #21283b;
            --accent: #a9b5ff;
            --focus: #a9b5ff;
            --panel-shadow: 0 20px 70px #00000050;
            --video-opacity: .7;
            --hero-shade: linear-gradient(90deg, #050812f5, #0b1023d4 35%, #10173180 75%), linear-gradient(0deg, #070b17e0, transparent 60%);
        }
    }
}