:root {
    --bg: #020711;
    --bg-deep: #01040a;
    --bg-soft: #071427;
    --ink: #061127;
    --surface: rgba(9, 20, 38, 0.72);
    --surface-strong: rgba(8, 16, 31, 0.94);
    --surface-glass: rgba(255, 255, 255, 0.055);
    --line: rgba(170, 205, 255, 0.16);
    --line-strong: rgba(170, 205, 255, 0.32);
    --text: #f8fbff;
    --muted: #aab8cf;
    --muted-strong: #d8e3f6;
    --blue: #0b2a8b;
    --blue-soft: #2a7dff;
    --cyan: #49d8ff;
    --violet: #6b2bd9;
    --purple: #9a48ff;
    --red: #ef233c;
    --white: #ffffff;
    --shadow: 0 34px 110px rgba(0, 0, 0, 0.52);
    --shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.28);
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --max-width: 1180px;
    --header-height: 76px;
    --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* v7 visual scale and canvas */
:root {
    --max-width: 1380px;
    --content-wide: 1520px;
    --radius-xl: 28px;
    --radius-lg: 22px;
}