/* ══ DESIGN TOKENS ══ */
:root {
    --bg-primary:     #0c1018;
    --bg-secondary:   #111827;
    --bg-surface:     #161e2e;
    --bg-elevated:    #1c2640;

    --text-primary:   #c9d1d9;
    --text-secondary: #7d8a9a;
    --text-muted:     #6e7e90;

    --accent:         #6495ED;
    --accent-hover:   #89b4fa;
    --accent-dim:     #4a78d4;
    --accent-glow:    rgba(100, 149, 237, 0.15);
    --accent-subtle:  rgba(100, 149, 237, 0.08);

    --border:         #1e293b;
    --border-accent:  rgba(100, 149, 237, 0.25);

    --font-mono:  'IBM Plex Mono', 'Fira Code', 'Consolas', monospace;
    --font-sans:  'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;

    --content-width:  720px;
    --wide-width:     960px;
    --gutter:         1.5rem;

    --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    --color-error: #e06c75;
}