/* ================================================================
   DESIGN TOKENS  —  CalcLabs v2
   ================================================================ */

:root {
    /* ── Palette ── */
    --bg:           #16181a;
    --bg-surface:   #1e2124;
    --bg-raised:    #252a2d;
    --bg-hover:     #2a2f33;
    --border:       #2e3336;
    --border-mid:   #3a4044;
    --border-strong:#4a5258;

    --accent:       #5bb8d4;
    --accent-dim:   #3d8fa8;
    --accent-glow:  rgba(91, 184, 212, 0.18);
    --accent-line:  rgba(91, 184, 212, 0.30);

    --text-primary:   #e8eaec;
    --text-secondary: #9ba3ab;
    --text-muted:     #5a6370;
    --text-on-accent: #0d1820;

    /* ── Semantic ── */
    --status-wip:      #d4914a;
    --status-released: #5bba6f;

    /* ── Spacing scale ── */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;

    /* ── Type scale ── */
    --text-xs:  0.72rem;
    --text-sm:  0.85rem;
    --text-md:  1rem;
    --text-lg:  1.15rem;
    --text-xl:  1.35rem;
    --text-2xl: 1.75rem;
    --text-3xl: 2.25rem;
    --text-4xl: 3rem;
    --text-5xl: 4rem;

    /* ── Type families ── */
    --font-display: "Space Grotesk", system-ui, sans-serif;
    --font-body:    "Inter", system-ui, sans-serif;
    --font-mono:    "JetBrains Mono", "Fira Code", monospace;

    /* ── Structure ── */
    --radius-sm:  4px;
    --radius:     6px;
    --radius-lg:  10px;
    --max-width:  1360px;
    --nav-height: 60px;

    /* ── Shadow ── */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.35);
    --shadow-md:  0 4px 16px rgba(0,0,0,0.45);
    --shadow-lg:  0 12px 40px rgba(0,0,0,0.55);
}