:root {
    /* ── Backgrounds ────────────────────────────────────── */
    --bg-body:       #0d0d0d;
    --bg-card:       #1a1a1a;
    --bg-sidebar:    #111111;
    --bg-hover:      #202020;
    --bg-active:     #262626;
    --bg-input:      #161616;
    --bg-overlay:    rgba(0, 0, 0, 0.6);

    /* ── Silver accent ──────────────────────────────────── */
    --accent:        #909090;
    --accent-bright: #c0c0c0;
    --accent-dim:    #606060;
    --accent-hover:  #b0b0b0;
    --accent-glow:   rgba(192, 192, 192, 0.08);

    /* ── Text ───────────────────────────────────────────── */
    --text-primary:  #e0e0e0;
    --text-secondary:#a0a0a0;
    --text-muted:    #5a5a5a;
    --text-inverse:  #0d0d0d;

    /* ── Borders ────────────────────────────────────────── */
    --border:        #2a2a2a;
    --border-bright: #383838;

    /* ── Primary colors ─────────────────────────────────── */
    --color-primary:        #a78bfa;
    --color-primary-bright: #c4b5fd;

    /* ── Status colors ──────────────────────────────────── */
    --color-ok:      #4ade80;
    --color-warn:    #facc15;
    --color-error:   #f87171;
    --color-info:    #60a5fa;

    /* ── Sidebar ────────────────────────────────────────── */
    --sidebar-width: 240px;
    --sidebar-active-bar: 3px solid var(--accent-bright);

    /* ── Gradients ──────────────────────────────────────── */
    --gradient-silver: linear-gradient(135deg, #505050 0%, #c0c0c0 100%);
    --gradient-card:   linear-gradient(180deg, #1e1e1e 0%, #161616 100%);

    /* ── Spacing / Radius ───────────────────────────────── */
    --radius-sm:  6px;
    --radius-md:  10px;
    --radius-lg:  16px;
    --radius-pill:9999px;

    /* ── Spacing scale (4/8pt-Raster) ────────────────────── */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* ── Font-size scale ──────────────────────────────────── */
    --font-xs:   11px;
    --font-sm:   12px;
    --font-base: 13px;
    --font-md:   14px;
    --font-lg:   16px;
    --font-xl:   20px;

    /* ── Shadows ────────────────────────────────────────── */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.5);
    --shadow-md:  0 4px 12px rgba(0,0,0,0.6);
    --shadow-lg:  0 8px 32px rgba(0,0,0,0.7);

    /* ── Transitions ────────────────────────────────────── */
    --transition: 150ms ease;
}