/* Rediscovering Arkansas's New Deal: visual tokens v3, "Field Atlas"
   Drawn from the Civilian Conservation Corps: the 1939 spruce green uniform
   with gold piping, early-years khaki, and the red of specialty patches.
   Contrast ratios are measured against --paper unless noted. */
:root {
  /* Ground */
  --paper: #F0EDDF;        /* page ground (khaki paper) */
  --paper-deep: #DEDAC7;   /* panels, selected rows, county badges */
  --paper-lift: #FAF8EF;   /* raised surfaces: cards, sheets, inputs */
  /* Ink */
  --ink: #182F2A;          /* body text, 12.6:1 */
  --ink-soft: #56635A;     /* secondary text and control borders, 6.1:1 */
  --rule: #C9CEBD;         /* decorative hairlines only, never text */
  /* CCC colors */
  --spruce: #183F35;       /* header band, actions, checked places, 7.8:1 */
  --spruce-wash: #E1E8D9;  /* tinted notes */
  --gold: #F2C45B;         /* gold piping: text on spruce only, 5.9:1 on spruce */
  --patch-red: #9D3826;    /* selection and date qualifiers, 6.1:1 */
  /* Legacy aliases used throughout app.css */
  --forest: var(--spruce);
  --forest-wash: var(--spruce-wash);
  --rust: var(--patch-red);
  /* Map */
  --land: #E4E5D0;
  --county: #BCC8AF;
  --water: #547465;
  --state-line: #182F2A;

  /* Type */
  --f-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --f-serif: "Zilla Slab", Rockwell, Georgia, serif;
  --f-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-xs: .8125rem;   /* 13 labels, chips, legend */
  --t-sm: .9375rem;   /* 15 list and story text */
  --t-md: 1.0625rem;  /* 17 body */
  --t-lg: 1.25rem;    /* 20 story lede */
  --t-xl: 2rem;       /* 32 story titles */
  --t-xxl: 3rem;      /* 48 plates */
  --lh-sans: 1.55;
  --lh-serif: 1.5;

  /* Space (4px base) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* Shape */
  --r-control: 4px;
  --r-card: 3px;
  --r-sheet: 14px;
  --r-pill: 999px;
  --shadow: 0 2px 0 rgba(30, 36, 28, .18);
  --shadow-offset: 4px 4px 0 var(--paper-deep);

  /* Layout */
  --rail-w: 352px;
  --story-w: 420px;
  --bar-h: 60px;

  /* Motion */
  --dur-quick: 160ms;
  --dur-move: 380ms;
  --ease: cubic-bezier(.2, .7, .2, 1);

  /* Marker sizes (screen px) */
  --mk-r: 7px;
  --mk-cluster-r: 14px;
  --mk-hit: 24px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-quick: 0ms; --dur-move: 0ms; }
}