/*
 * Design tokens — translated verbatim from roadmap/design-system.md.
 * These custom properties are the single source of truth for the palette,
 * type scale and spacing used across every screen.
 */
:root {
  /* Surfaces */
  --bg: #F8FAFC;      /* slate-50, app background */
  --card: #FFFFFF;
  --sidebar: #0F172A; /* slate-900 */
  --sidebar-active-bg: #1E293B;

  /* Accents */
  --accent: #4F46E5;   /* indigo-600 */
  --accent-2: #6366F1; /* indigo-500 */
  --teal: #0D9488;     /* cleared / active / in-force / published */
  --amber: #D97706;    /* pending / mirror / caution */
  --red: #DC2626;      /* failed / expired / excluded */

  /* Text */
  --text: #0F172A;        /* headings */
  --text-secondary: #475569;
  --muted: #94A3B8;
  --sidebar-text: #94A3B8;

  /* Lines */
  --border: #E2E8F0;
  --row-hover: #F1F5F9;

  /* Status tints (pill backgrounds) */
  --teal-bg: #CCFBF1;
  --teal-text: #0F766E;
  --amber-bg: #FEF3C7;
  --amber-text: #B45309;
  --red-bg: #FEE2E2;
  --red-text: #B91C1C;
  --slate-bg: #F1F5F9;
  --slate-text: #475569;
  --indigo-bg: #E0E7FF;
  --indigo-text: #4338CA;

  /* Type */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;

  --fs-body: 14px;
  --fs-table: 12px;
  --fs-label: 11px;
  --fs-h1: 28px;

  /* Radius */
  --radius: 6px;
  --radius-lg: 10px;

  /* Shell metrics */
  --sidebar-w: 240px;
  --topbar-h: 64px;

  /* Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
}