/* ──────────────────────────────────────────
   SchematicVault — Design Tokens v2
   ────────────────────────────────────────── */
:root {
    /* Backgrounds */
    --bg:       #050509;
    --bg-alt:   #08080e;
    --bg2:      #0e0e17;
    --bg3:      #14141f;
    --bg4:      #1c1c2a;
    --bg5:      #242435;

    /* Text */
    --text:        #f0efff;
    --text-2:      #a9a8c4;
    --text-3:      #7170a0;
    --text-muted:  #4e4d6e;

    /* Borders */
    --border:       rgba(255, 255, 255, 0.07);
    --border-hover: rgba(255, 255, 255, 0.14);
    --border-focus: rgba(124, 92, 252, 0.5);

    /* Brand */
    --accent:       #7c5cfc;
    --accent-2:     #9b7ffe;
    --accent-glow:  rgba(124, 92, 252, 0.45);
    --accent-light: rgba(124, 92, 252, 0.10);
    --accent-mid:   rgba(124, 92, 252, 0.20);

    /* Semantic */
    --green:  #10b981;
    --green-light: rgba(16, 185, 129, 0.12);
    --red:    #f43f5e;
    --red-light: rgba(244, 63, 94, 0.12);
    --amber:  #f59e0b;
    --amber-light: rgba(245, 158, 11, 0.12);
    --blue:   #3b82f6;
    --cyan:   #06b6d4;
    --discord: #5865f2;

    /* Radius */
    --r-xs:   6px;
    --r:      10px;
    --r-md:   14px;
    --r-lg:   18px;
    --r-xl:   24px;
    --r-pill: 9999px;

    /* Shadow */
    --shadow-xs: 0 1px 3px rgba(0,0,0,0.15);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.25);
    --shadow:    0 8px 24px rgba(0,0,0,0.4);
    --shadow-lg: 0 20px 48px rgba(0,0,0,0.55);
    --shadow-xl: 0 32px 64px rgba(0,0,0,0.7);
    --glow:      0 0 40px var(--accent-glow);

    /* Glass */
    --glass:        rgba(14, 14, 23, 0.75);
    --glass-border: rgba(255, 255, 255, 0.09);
    --glass-hover:  rgba(255, 255, 255, 0.05);

    /* Motion */
    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-fast:    150ms;
    --dur:         250ms;
    --dur-slow:    400ms;

    /* Typography */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

    /* Z-index */
    --z-base:       1;
    --z-dropdown:   50;
    --z-sticky:     100;
    --z-overlay:    200;
    --z-modal:      300;
    --z-toast:      400;
}