/*
  Forest Fire Watch — design tokens.
  This is the ONLY file in the project allowed to contain colour hex literals.
  Every brand colour below was measured from brand/ assets (k-means clusters + targeted
  pixel probes). "@(x,y)" is the real pixel coordinate the value was read from.
  Regenerate with: python -I scripts/palette.py
*/
:root{
  /* ---- deep dark: forest and night (banner SAMPUL, 1500x500) ---- */
  --bg:#05120b;          /* @(19,271)  17.9% of pixels — forest shadow */
  --bg-2:#062622;        /* @(658,333) 14.6% — dusk under the canopy */
  --night:#063943;       /* @(745,23)  17.5% — night sky above the crosshair */
  --sky:#1a4f57;         /* @(492,100) 13.9% — teal sky */
  --mist:#3f6769;        /* @(1004,43)  9.1% — valley mist */
  --smoke:#747a70;       /* @(1246,46)  5.9% — smoke / cloud grey */
  --canopy:#293217;      /* @(1317,408) 7.6% — lit forest floor */

  /* ---- primary accent: the radar crosshair (banner nodes) ---- */
  --accent:#84f9cf;      /* node @(553,238); siblings #83f7d0 @(750,46), #91fcd2 @(947,238), #85f9cc @(750,425) */

  /* ---- logo mark (LOGO PNG, 2000x2000, 69% of opaque pixels) ---- */
  --forest:#054f3b;      /* @(982,646) */

  /* ---- fire palette: the flames and the low sun (banner) ---- */
  --fire-deep:#cf5218;   /* @(405,302) k-means flame cluster, 1.6% */
  --fire:#fa6805;        /* @(340,277) flame mid */
  --fire-hot:#ef9c00;    /* @(183,241) flame hot */
  --ember:#f0b46e;      /* @(1485,94) sunset glow cluster, 3.4% */
  --sun:#fffcbd;         /* @(1447,146) sun core */

  /* ---- ink: the title lettering in the banner ---- */
  --ink:#fefefe;         /* @(605,239) */

  /* ---- US AQI category colours: semantic scale from the project brief, not brand colours ---- */
  --aqi-good:#2ecc71;
  --aqi-moderate:#f4d03f;
  --aqi-usg:#e67e22;
  --aqi-unhealthy:#e74c3c;
  --aqi-very:#9b59b6;
  --aqi-hazard:#b3243f;

  /* ---- derived (no new hues) ---- */
  --grey:color-mix(in srgb,var(--ink) 62%,var(--bg));
  --line:color-mix(in srgb,var(--ink) 13%,transparent);
  --panel:color-mix(in srgb,var(--ink) 6%,transparent);
  --glow:color-mix(in srgb,var(--accent) 30%,transparent);
}