/* Trazadera design tokens — single source of truth.
   Values from trazadera-branding SKILL.md (authoritative teal system).

   STRICT USAGE CONTRACT (this file is the ONLY place brand/palette hex may
   appear; everything else references var(--tz-*). Bare white uses --tz-white,
   and rgba() overlays use the matching --tz-*-rgb triplet):
     - Neutrals n50–n950 ...... the canvas: backgrounds, text, borders, muted (~90% of UI).
     - Primary / primary-dark .. primary actions, active state, focus rings, emphasis. Sparingly.
     - Accent-blue ............. links and the "info" semantic only.
     - Semantic ................ STATUS ONLY, never decoration; always paired with icon/label.
     - Accent (cyan #53BDD0) ... data-viz (charts/maps) ONLY — never in UI chrome.
     - White ................... raised surfaces only (cards/modals/popovers); page bg stays n50. */
:root {
  /* brand */
  --tz-primary: #024256;
  --tz-primary-rgb: 2, 66, 86;
  --tz-primary-dark: #02232D;
  --tz-accent: #53BDD0; /* data-viz only — not UI chrome */
  --tz-accent-blue: #0080AA;
  --tz-accent-blue-dark: #03578A;
  --tz-white: #fff;
  --tz-white-rgb: 255, 255, 255;

  /* teal-tinted neutral ramp — never pure gray */
  --tz-n950: #0B1D24;
  --tz-n900: #122A33;
  --tz-n800: #1E3F4C;
  --tz-n700: #2E5565;
  --tz-n600: #436D7D;
  --tz-n500: #5E8794;
  --tz-n400: #82A3AD;
  --tz-n300: #ACC3CA;
  --tz-n200: #D5E1E5;
  --tz-n100: #EDF2F4;
  --tz-n50:  #F6F9FA;

  /* semantic: main / bg / fg */
  --tz-success: #10B981; --tz-success-bg: #D1FAE5; --tz-success-fg: #065F46;
  --tz-warning: #F59E0B; --tz-warning-bg: #FEF3C7; --tz-warning-fg: #92400E;
  --tz-error:   #EF4444; --tz-error-bg:   #FEE2E2; --tz-error-fg:   #991B1B;
  --tz-info:    #0080AA; --tz-info-bg:    #E0F4FA; --tz-info-fg:    #03578A;

  /* spacing — 8px grid */
  --tz-sp-1: 4px;  --tz-sp-2: 8px;  --tz-sp-3: 12px; --tz-sp-4: 16px;
  --tz-sp-6: 24px; --tz-sp-8: 32px;

  /* radius */
  --tz-r-sm: 6px; --tz-r-md: 8px; --tz-r-lg: 12px; --tz-r-xl: 16px; --tz-r-full: 9999px;

  /* shadows — teal-tinted, never black */
  --tz-shadow-sm: 0 1px 2px rgba(2,35,45,.06);
  --tz-shadow-md: 0 4px 12px rgba(2,35,45,.08);
  --tz-shadow-lg: 0 8px 32px rgba(2,35,45,.10);
  --tz-shadow-xl: 0 16px 48px rgba(2,35,45,.14);

  /* type families */
  --tz-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tz-font-display: 'Montserrat', var(--tz-font-sans);
  --tz-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Consolas', monospace;

  /* type scale — one source for every font-size
     xs  11  uppercase micro-labels (table headers, eyebrows)
     sm  13  secondary / meta / muted, small controls
     base 14 default UI text: body, nav, buttons, inputs, tables, chips
     lg  16  lead / emphasized body, h5
     h4-h1 the restrained heading ramp */
  --tz-text-xs: 11px;
  --tz-text-sm: 13px;
  --tz-text:    14px;
  --tz-text-lg: 16px;
  --tz-text-h4: 18px;
  --tz-text-h3: 20px;
  --tz-text-h2: 24px;
  --tz-text-h1: 28px;
}