/* ============================================================
   THE FIELD ATLAS — design tokens
   Ledger navy / brass / parchment. One source of truth for
   color, type, spacing and radii used across every page.
   ============================================================ */

:root {
  /* --- color --- */
  --ink:        #14213D;   /* deep ledger navy — headers, nav, dark panels */
  --ink-light:  #1F2E52;   /* lighter navy for hover/panel layering */
  --parchment:  #EDE6D6;   /* warm paper — page background */
  --parchment-2:#E2D9C4;   /* slightly deeper paper — card backgrounds */
  --brass:      #C9A227;   /* primary accent — links, numerals, ticks */
  --brass-dark: #A6841C;   /* brass hover/active */
  --forest:     #3A5A40;   /* secondary accent — agile/lean-leaning tags */
  --brick:      #8C3B2E;   /* tertiary accent — governance/risk tags */
  --ink-text:   #2B2F36;   /* body copy on parchment */
  --ink-muted:  #5B5F68;   /* secondary/meta text */
  --line:       #C7BCA1;   /* hairline rules on parchment */
  --line-dark:  rgba(237, 230, 214, 0.18); /* hairline rules on navy */

  /* --- type --- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body:    "Public Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* --- spacing scale --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2.5rem;
  --sp-6: 4rem;
  --sp-7: 6rem;

  /* --- misc --- */
  --radius: 2px;           /* almost square — ledger, not app-UI */
  --max-width: 1180px;
  --shadow-card: 0 1px 0 var(--line), 0 8px 20px -12px rgba(20, 33, 61, 0.35);
}