/*
 * Design tokens (provisórios).
 * Substituir pelos valores de design_system/design-system.html quando o arquivo for entregue.
 */
:root {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --c-bg: #f4f6fa;
  --c-surface: #ffffff;
  --c-surface-2: #f8fafc;
  --c-border: #e2e8f0;
  --c-border-strong: #cbd5e1;
  --c-text: #0f172a;
  --c-text-2: #475569;
  --c-text-3: #64748b;

  --c-primary: #1d4ed8;
  --c-primary-hover: #1e40af;
  --c-primary-soft: #dbeafe;
  --c-sidebar: #0b1730;
  --c-sidebar-2: #13234a;
  --c-sidebar-text: #cbd5e1;

  --c-success: #15803d;
  --c-success-soft: #dcfce7;
  --c-warning: #b45309;
  --c-warning-soft: #fef3c7;
  --c-danger: #b91c1c;
  --c-danger-soft: #fee2e2;
  --c-info: #0369a1;
  --c-info-soft: #e0f2fe;
  --c-purple: #6d28d9;
  --c-purple-soft: #ede9fe;
  --c-orange: #c2410c;
  --c-orange-soft: #ffedd5;
  --c-neutral-soft: #e2e8f0;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgb(15 23 42 / 6%);
  --shadow: 0 4px 16px rgb(15 23 42 / 8%);
  --shadow-lg: 0 12px 32px rgb(15 23 42 / 16%);

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

  --sidebar-w: 248px;
}