/* ═══════════════════════════════════════════════════
   NETRIGO WORKSPACE — Design Tokens
   Palette: Smokey Void + Crimson Ink
   ═══════════════════════════════════════════════════ */

:root {
    /* ── Smokey Void Backgrounds ── */
    --bg-void:      #08080c;
    --bg-deep:      #0e0e14;
    --bg-surface:   #14141c;
    --bg-card:      #1a1a24;
    --bg-elevated:  #22222e;
    --bg-input:     #111119;

    /* ── Crimson Ink Accents ── */
    --crimson:        #c0392b;
    --crimson-dark:   #8b1a1a;
    --crimson-light:  #e74c3c;
    --crimson-hover:  #d44637;
    --crimson-glow:   rgba(192, 57, 43, 0.30);
    --crimson-subtle: rgba(192, 57, 43, 0.12);

    /* ── Text ── */
    --text-primary:   #ede8e0;
    --text-secondary: #9e97a3;
    --text-muted:     #5e5868;
    --text-inverse:   #ffffff;

    /* ── Borders ── */
    --border:        rgba(255, 255, 255, 0.08);
    --border-hover:  rgba(255, 255, 255, 0.14);
    --border-focus:  var(--crimson);

    /* ── Status Colors ── */
    --status-critical: #e74c3c;
    --status-high:     #f39c12;
    --status-medium:   #3498db;
    --status-low:      #27ae60;
    --status-open:     #e67e22;
    --status-closed:   #2ecc71;
    --status-waiting:  #9b59b6;
    --status-blocker:  #c0392b;

    /* ── Spacing ── */
    --sp-2:  2px;
    --sp-4:  4px;
    --sp-6:  6px;
    --sp-8:  8px;
    --sp-10: 10px;
    --sp-12: 12px;
    --sp-16: 16px;
    --sp-20: 20px;
    --sp-24: 24px;
    --sp-32: 32px;
    --sp-40: 40px;

    /* ── Radii ── */
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   14px;
    --radius-xl:   20px;
    --radius-full: 999px;

    /* ── Shadows ── */
    --shadow-sm:  0 2px 8px rgba(0,0,0,0.25);
    --shadow-md:  0 8px 24px rgba(0,0,0,0.35);
    --shadow-lg:  0 16px 48px rgba(0,0,0,0.45);
    --shadow-glow: 0 0 20px var(--crimson-glow);

    /* ── Transitions ── */
    --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-fast: 0.15s var(--ease-out);
    --transition-md:   0.25s var(--ease-out);
    --transition-slow: 0.4s var(--ease-out);

    /* ── Z-Index ── */
    --z-sidebar:  100;
    --z-topbar:   200;
    --z-dropdown: 300;
    --z-modal:    500;
    --z-toast:    600;
    --z-drag:     700;

    /* ── Font ── */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}