/* ==========================================================================
   Concrator Design System — Design Tokens
   ========================================================================== */

:root {
    /* Colors — Background */
    --color-bg: #0f1117;
    --color-surface: #1a1d27;
    --color-surface-hover: #222633;
    --color-border: #2d3148;

    /* Colors — Brand / Interactive */
    --color-primary: #6366f1;
    --color-primary-hover: #818cf8;

    /* Colors — Semantic */
    --color-danger: #ef4444;
    --color-danger-hover: #f87171;
    --color-success: #22c55e;
    --color-warning: #fbbf24;

    /* Colors — Text */
    --color-text: #e2e8f0;
    --color-text-muted: #94a3b8;

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Typography — Monospace */
    --font-mono: 'Fira Code', 'Consolas', monospace;

    /* Spacing & Shape */
    --radius: 8px;
    --radius-sm: 4px;
    --sidebar-width: 240px;

    /* Effects */
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}