/* ==========================================================================
   Cache Valley Mesonet — design tokens
   Derived from the CampbellON design system (campbellon.com) so this site
   reads as part of the same family.
   ========================================================================== */

:root{
  /* Brand ---------------------------------------------------------------- */
  --gold:#F9C908;
  --gold-dark:#E9B309;
  --gold-deep:#C98A05;
  --gold-glow:rgba(249,201,8,.34);

  /* Neutrals ------------------------------------------------------------- */
  --carbon:#080807;
  --carbon-2:#131211;
  --ink:#1e1e1e;
  --tundora:#4D4D4D;
  --muted:#666666;
  --support:#B2B4B4;
  --line:#E6E6E6;
  --paper:#F1F3F4;
  --white:#fff;

  /* Surfaces used by panels/cards (resolve differently per theme) -------- */
  --surface:#ffffff;
  --surface-2:#f7f8f9;
  --surface-3:#eef0f2;
  --panel-line:#e2e5e8;
  --shadow:0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);

  /* Type ----------------------------------------------------------------- */
  --disp:"Montserrat",system-ui,-apple-system,sans-serif;
  --body:"Open Sans",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;

  /* Metrics -------------------------------------------------------------- */
  --maxw:1180px;
  --maxw-wide:1600px;
  --nav-h:78px;
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-pill:999px;

  /* Data series ---------------------------------------------------------- */
  --d-temp:#F2A83B;
  --d-rh:#C9C2B6;
  --d-wind:#5FE08A;
  --d-gust:#A9A6C4;
  --d-dir:#3B82F6;
  --d-press:#7C6FE8;
  --d-vp:#2FD8C8;
  --d-strike:#E2574C;
  --d-dist:#4CD48A;
  --d-batt:#B48CE8;
  --d-rain:#9EDCA0;
  --d-solar:#C48BE8;
  --d-grid:rgba(120,120,120,.22);

  /* Station status ------------------------------------------------------- */
  --st-ok:#5FE08A;
  --st-warn:#F9C908;
  --st-stale:#E2574C;
  --st-off:#8a9094;
}

html[data-theme="dark"]{
  --paper:#131211;
  --white:#151513;
  --ink:#f2f4f5;
  --tundora:#c6c8ca;
  --muted:#9aa0a3;
  --support:#8a9094;
  --line:#373225;

  --surface:#191817;
  --surface-2:#1f1e1c;
  --surface-3:#262523;
  --panel-line:#2b2a27;
  --shadow:0 1px 2px rgba(0,0,0,.5), 0 10px 30px rgba(0,0,0,.35);
  --d-grid:rgba(200,200,200,.14);
}