/* css/tokens.css — N1S Warm Industrial Dark Theme + Condition Rating Palette */

:root {
  /* -- N1S Dark Chrome -- */
  --ground: #0E0D0B;
  --ground-deep: #0A0908;
  --surface: #1A1815;
  --surface-hover: #2A2218;
  --primary: #E8DFD0;
  --secondary: #B0A090;
  --muted: #9A8A78;
  --copper: #C8905A;
  --copper-hover: #D8A06A;
  --lichen: #8A9872;
  --border: #2A2218;

  /* -- Condition Rating Palette (Material Lifecycle) -- */
  --rate-good: #8A9872;       /* Lichen — living, healthy */
  --rate-fair: #C8905A;       /* Copper — aging, patina */
  --rate-poor: #C4654A;       /* Terracotta — weathered */
  --rate-dysf: #8B3A3A;       /* Oxide — corroding */
  --rate-miss: #4A4038;       /* Charred — lost */

  /* -- Rating translucent fills (for polygon/bar backgrounds) -- */
  --rate-good-fill: rgba(138, 152, 114, 0.25);
  --rate-fair-fill: rgba(200, 144, 90, 0.25);
  --rate-poor-fill: rgba(196, 101, 74, 0.30);
  --rate-dysf-fill: rgba(139, 58, 58, 0.30);
  --rate-miss-fill: rgba(74, 64, 56, 0.20);

  /* -- Typography -- */
  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;

  /* -- Spacing (from N1S token spine) -- */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;

  /* -- Border radius -- */
  --radius: 14px;
  --radius-sm: 6px;
  --radius-xs: 4px;

  /* -- Shadows -- */
  --shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  --frosted: rgba(10, 9, 8, 0.85);
}

/* Condition palette — surfaces / KPIs / map polylines pull these via cssVar() */
:root {
  --cond-poor: #c0392b;
  --cond-warning: #e8a838;
  --cond-acceptable: #6bb3a0;
}