/*
 * Trail Signal design tokens — the single source for colour, radius, and
 * z-index across web and mobile. Linked by index.html (web), map.html and
 * the mobile index.html BEFORE the page stylesheets, so every rule (and any
 * JS-injected style string) can use var(--…).
 *
 * NOTE — signal ladder tokens are DISPLAY colours for measured RSRP only.
 * The Ofcom predicted-coverage raster palette (purple/blue/cyan/grey) is the
 * ENCODING of that data: it is baked into the tiles, read back by exact-RGB
 * classifiers, and mirrored in offline downloads. It is frozen — see
 * src/utils/signal-colours.js and src/layers/coverage-ofcom.js.
 */

:root {
  /* Surfaces */
  --surface-page: #121212;
  --surface-raised: #1e1e1e;
  --surface-overlay: rgba(26, 26, 26, 0.92);
  --surface-input: rgba(255, 255, 255, 0.08);

  /* Text */
  --text-primary: #e0e0e0;
  --text-secondary: #9e9e9e;
  /* Contrast floor — do not go fainter than this for readable text */
  --text-faint: rgba(255, 255, 255, 0.55);

  /* Brand + accents */
  --brand: #2d7d24;
  --brand-bright: #4caf50;
  --accent-export: #00e5ff;
  --danger: #ef5350;
  --danger-deep: #c62828;
  --warn: #ffd54f;

  /* Measured signal ladder (display only — thresholds in signal-colours.js) */
  --sig-strong: #006400;
  --sig-good: #228B22;
  --sig-moderate: #DAA520;
  --sig-weak: #FF8C00;
  --sig-verylow: #DC143C;
  --sig-nodata: #888888;
  --sig-airplane: #4488CC;

  /* Radii */
  --r-card: 8px;
  --r-sheet: 16px;
  --r-pill: 20px;

  /* Z ladder — pick from these, never invent a new layer */
  --z-map-ui: 60;
  --z-panel: 2000;
  --z-sheet: 9000;
  --z-overlay-page: 10000;
  --z-toast: 11000;
  --z-debug: 99999;
}

/* Keyboard focus baseline — tap-highlight is suppressed across the app, so
   this is the replacement affordance. */
:focus-visible {
  outline: 2px solid var(--brand-bright);
  outline-offset: 2px;
}