:root {
    color-scheme: dark;
    --font-sans: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    --font-display: "Segoe UI", "Inter", Arial, sans-serif;

    --color-void: #02070b;
    --color-ink: #071119;
    --color-panel: #0c1821;
    --color-panel-2: #122431;
    --color-steel: #9aa8b4;
    --color-silver: #d8e3ec;
    --color-text: #edf7fb;
    --color-muted: #a8bac7;
    --color-soft: #78909e;
    --color-cyan: #00d6ff;
    --color-blue: #0a7dff;
    --color-green: #4de27d;
    --color-warning: #ffd166;
    --color-border: rgba(152, 206, 226, 0.22);
    --color-border-strong: rgba(0, 214, 255, 0.52);
    --shadow-cyan: 0 0 36px rgba(0, 214, 255, 0.24);
    --shadow-panel: 0 20px 60px rgba(0, 0, 0, 0.32);

    --radius-sm: 6px;
    --radius-md: 8px;
    --content-max: 1180px;
    --header-height: 72px;
    --footer-min: 88px;
}