:root {
    color-scheme: dark;

    --color-night-950: #010b1f;
    --color-night-900: #031a3d;
    --color-night-850: #062a5f;
    --color-night-800: #083f82;
    --color-blue-600: #126dff;
    --color-blue-500: #24a2ff;
    --color-blue-300: #8bdcff;
    --color-cyan-400: #2ff7ff;
    --color-cyan-300: #95fbff;
    --color-mint-300: #8ee6b8;
    --color-silver: #d9e7f5;
    --color-yellow-300: #ffe16d;
    --color-yellow-400: #ffc13d;
    --color-focus-ring: #ffe16d;
    --color-white: #ffffff;
    --color-text: #f3f9ff;
    --color-muted: #bed8f4;
    --color-subtle: #91b7dc;
    --color-border: rgba(75, 221, 255, 0.26);
    --color-border-strong: rgba(47, 247, 255, 0.52);
    --color-surface: rgba(6, 38, 82, 0.82);
    --color-surface-strong: rgba(4, 28, 66, 0.95);
    --color-glass: rgba(45, 183, 255, 0.12);
    --color-glass-strong: rgba(47, 247, 255, 0.2);

    --font-main: Arial, Helvetica, sans-serif;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;

    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 14px;
    --radius-xl: 18px;

    --shadow-soft: 0 24px 68px rgba(0, 15, 48, 0.42);
    --shadow-card: 0 18px 38px rgba(0, 18, 54, 0.34), 0 0 26px rgba(47, 247, 255, 0.07);
    --shadow-cyan: 0 0 34px rgba(47, 247, 255, 0.24);
    --shadow-cyan-strong: 0 0 58px rgba(47, 247, 255, 0.36);
    --shadow-sun: 0 0 38px rgba(255, 225, 109, 0.34);
    --shadow-focus: 0 0 0 3px rgba(47, 247, 255, 0.38);

    --transition-fast: 160ms ease;
    --transition-base: 240ms ease;

    --content-max: 1180px;
}