/* ─────────────────────────────────────────────────────────────────────────
   FreeParcelData design tokens

   Palette is derived from USGS topographic sheet conventions — the actual
   colour system of the subject. Culture black, contour brown, hydro blue,
   vegetation green, and the survey red used for PLSS grid lines. The base is
   a cool gray-green "map margin", deliberately not a warm cream.

   Colours are space-separated RGB triplets so alpha compositing works:
   rgb(var(--c-ink) / 0.12)
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* Surface */
  --c-paper:        242 244 241;   /* #F2F4F1  map-margin gray-green */
  --c-raised:       255 255 255;
  --c-sunk:         232 236 231;

  /* Ink */
  --c-ink:           22  25  26;   /* #16191A  culture black */
  --c-ink-soft:      74  82  80;
  --c-ink-faint:    132 141 137;

  /* Rules and edges — map sheets are built from hairlines */
  --c-rule:         201 208 203;
  --c-rule-strong:  169 179 172;

  /* Thematic — each carries meaning, never used decoratively */
  --c-survey:       178  58  46;   /* PLSS grid red — bounties, alerts */
  --c-hydro:         46 111 142;   /* hydrography blue — archive data */
  --c-vegetation:   110 155  98;   /* vegetation green — verified community */
  --c-contour:      169 113  60;   /* contour brown — stale, aging */

  --c-survey-wash:  246 232 230;
  --c-hydro-wash:   230 239 244;
  --c-veg-wash:     234 242 231;
  --c-contour-wash: 247 239 230;

  /* Coverage states, the site's core semantic scale. Order matters: it runs
     from nothing to best. */
  --cov-none:       var(--c-rule);
  --cov-bounty:     var(--c-survey);
  --cov-archive:    var(--c-hydro);
  --cov-community:  var(--c-vegetation);

  /* Type */
  --f-display: "Archivo", "Archivo Expanded", ui-sans-serif, system-ui, sans-serif;
  --f-body:    "Public Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Scale — 1.25 minor third, tightened at the top so headlines stay dense */
  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-md:   1.125rem;
  --t-lg:   1.375rem;
  --t-xl:   1.75rem;
  --t-2xl:  2.25rem;
  --t-3xl:  3rem;
  --t-4xl:  4rem;

  --lh-tight: 1.08;
  --lh-snug:  1.3;
  --lh-body:  1.6;

  /* Map-sheet lettering: wide tracking on uppercase labels */
  --track-label: 0.14em;
  --track-eyebrow: 0.2em;

  /* Space — 4px base */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;

  /* Geometry. Cadastral drawings have square corners; the only rounding is
     on interactive controls, and it is slight. */
  --r-none: 0;
  --r-sm:   2px;
  --r-md:   3px;

  --border-hair: 1px solid rgb(var(--c-rule));
  --border-firm: 1px solid rgb(var(--c-rule-strong));

  --shadow-raise: 0 1px 2px rgb(var(--c-ink) / 0.06),
                  0 2px 8px rgb(var(--c-ink) / 0.04);

  --measure: 68ch;
  --page-max: 1240px;
  --page-gutter: var(--s-5);

  --ease: cubic-bezier(0.2, 0, 0.15, 1);
  --dur-fast: 120ms;
  --dur: 220ms;
  --dur-slow: 600ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-paper:        18  22  20;
    --c-raised:       26  31  28;
    --c-sunk:         13  16  15;

    --c-ink:         232 237 233;
    --c-ink-soft:    170 180 174;
    --c-ink-faint:   118 128 122;

    --c-rule:         52  60  55;
    --c-rule-strong:  76  86  79;

    --c-survey:      214  98  84;
    --c-hydro:       106 168 199;
    --c-vegetation:  144 190 130;
    --c-contour:     201 150  94;

    --c-survey-wash:  46  26  24;
    --c-hydro-wash:   20  36  45;
    --c-veg-wash:     25  38  22;
    --c-contour-wash: 43  33  21;

    --shadow-raise: 0 1px 2px rgb(0 0 0 / 0.4),
                    0 2px 10px rgb(0 0 0 / 0.3);
  }
}

/* The viewer's explicit toggle must win over the media query in both
   directions, so both are stamped on :root. */
:root[data-theme="light"] {
  --c-paper: 242 244 241; --c-raised: 255 255 255; --c-sunk: 232 236 231;
  --c-ink: 22 25 26; --c-ink-soft: 74 82 80; --c-ink-faint: 132 141 137;
  --c-rule: 201 208 203; --c-rule-strong: 169 179 172;
  --c-survey: 178 58 46; --c-hydro: 46 111 142;
  --c-vegetation: 110 155 98; --c-contour: 169 113 60;
  --c-survey-wash: 246 232 230; --c-hydro-wash: 230 239 244;
  --c-veg-wash: 234 242 231; --c-contour-wash: 247 239 230;
}

:root[data-theme="dark"] {
  --c-paper: 18 22 20; --c-raised: 26 31 28; --c-sunk: 13 16 15;
  --c-ink: 232 237 233; --c-ink-soft: 170 180 174; --c-ink-faint: 118 128 122;
  --c-rule: 52 60 55; --c-rule-strong: 76 86 79;
  --c-survey: 214 98 84; --c-hydro: 106 168 199;
  --c-vegetation: 144 190 130; --c-contour: 201 150 94;
  --c-survey-wash: 46 26 24; --c-hydro-wash: 20 36 45;
  --c-veg-wash: 25 38 22; --c-contour-wash: 43 33 21;
}