/*
 * Tokens visuais do SCSI.
 * IMPORTANTE: design_system/design-system.html é a fonte da verdade. Quando o arquivo for adicionado
 * ao projeto, substitua os valores abaixo pelos tokens dele (nomes das variáveis podem ser mantidos).
 */
:root {
    --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;

    --color-bg: #f4f6fa;
    --color-surface: #ffffff;
    --color-surface-muted: #f8fafc;
    --color-border: #e2e8f0;
    --color-border-strong: #cbd5e1;
    --color-text: #0f172a;
    --color-text-muted: #475569;
    --color-text-subtle: #64748b;

    --color-sidebar: #0b1730;
    --color-sidebar-text: #cbd5e1;
    --color-sidebar-active: #1d4ed8;

    --color-primary: #1d4ed8;
    --color-primary-hover: #1e40af;
    --color-primary-soft: #dbeafe;
    --color-on-primary: #ffffff;

    --color-danger: #b91c1c;
    --color-danger-soft: #fee2e2;
    --color-warning: #b45309;
    --color-warning-soft: #fef3c7;
    --color-success: #047857;
    --color-success-soft: #d1fae5;
    --color-info: #0369a1;
    --color-info-soft: #e0f2fe;
    --color-neutral-soft: #e2e8f0;

    --priority-critical: #b91c1c;
    --priority-critical-soft: #fee2e2;
    --priority-high: #c2410c;
    --priority-high-soft: #ffedd5;
    --priority-moderate: #a16207;
    --priority-moderate-soft: #fef9c3;
    --priority-low: #15803d;
    --priority-low-soft: #dcfce7;
    --priority-planned: #4338ca;
    --priority-planned-soft: #e0e7ff;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;

    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);

    --sidebar-width: 248px;
    --topbar-height: 60px;
}