/* limo-dispatch AI — Foundations
 * Extracted 1:1 from the Figma design system "ldapp2026"
 * (pages: 01 · Foundations, 02 · Components, 03 · Product UI).
 * These are the ONLY colors allowed. Do not invent new ones.
 */

:root {
  /* Core */
  --teal:        #00B4D8;  /* Primary / accent / brand */
  --teal-soft:   #E5F9FD;  /* Primary tint (selected rows, chips, hover) */
  --ink:         #000118;  /* Navigation / darkest text / dark sidebar bg */
  --on-dark:     #FEFEFE;  /* Text on dark surfaces */
  --faint:       #83898C;  /* Muted text on dark surfaces */

  /* Surfaces (light-first) */
  --canvas:      #F4F5FA;  /* App background */
  --paper:       #FEFEFE;  /* Cards / panels */
  --paper-soft:  #F8F9FC;  /* Subtle panel fill (table headers, wells) */
  --line:        #DDE2E5;  /* Default border */
  --line-strong: #CFD3D4;  /* Emphasized border (dropzones, focus wells) */
  --muted:       #5E6366;  /* Secondary text */

  /* Semantic + soft tints (pills, alerts, toasts) */
  --green:       #32936F;  --green-soft: #EAF2EB;
  --amber:       #B96D19;  --amber-soft: #FFF3DF;
  --red:         #F57E77;  --red-soft:   #FAECEB;

  /* Overlays */
  --teal-16:     rgba(0, 180, 216, 0.16); /* active nav item, selection */

  /* Spacing scale (space/0 … space/10) */
  --space-0: 0;    --space-1: 4px;  --space-2: 8px;   --space-3: 12px;
  --space-4: 16px; --space-5: 20px; --space-6: 24px;  --space-7: 32px;
  --space-8: 40px; --space-9: 48px; --space-10: 64px;

  /* Radius scale */
  --radius-sm: 4px;   --radius-md: 8px;   /* buttons, inputs, pills */
  --radius-lg: 12px;  --radius-xl: 16px;  /* cards, panels */
  --radius-2xl: 24px; /* hero panels, modals */
  --radius-full: 9999px;

  /* Typography — Inter only. Scale = size/line-height + weight */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  /* Display    48/56  Bold (700)
     H1         36/44  Bold (700)
     H2         30/38  SemiBold (600)
     H3         24/32  SemiBold (600)
     H4         20/28  Medium (500)
     Body Large 18/28  Regular (400)
     Body       16/24  Regular (400)
     Body Small 14/20  Regular (400)
     Caption    12/16  Regular (400)
     Kicker     11/13  SemiBold, uppercase, letter-spacing 0.08em */
}

/* Dark mode: same palette, roles swapped. The dark sidebar (--ink) is
 * ALWAYS dark in both modes — only canvas/paper/text flip. */
[data-theme="dark"] {
  --canvas:      #000118;
  --paper:       #0A0E1C;
  --paper-soft:  #10152A;
  --line:        #232A42;
  --line-strong: #2E3652;
  --muted:       #83898C;
  --ink:         #EEF2FB;   /* primary text becomes light */
  --teal-soft:   rgba(0, 180, 216, 0.14);
  --green-soft:  rgba(50, 147, 111, 0.16);
  --amber-soft:  rgba(185, 109, 25, 0.16);
  --red-soft:    rgba(245, 126, 119, 0.16);
}