/* avonlake.city public field guide: maroon ink, gold, warm paper. */

@font-face {
  font-family: 'Field Guide Sans';
  src: url('fonts/ibm-plex-sans-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --paper: oklch(96.8% .015 83);
  --sheet: oklch(98.5% .009 83);
  --maroon: oklch(30% .096 17);
  --gold: oklch(78% .139 84);
  --gold-hover: oklch(83% .13 84);
  --line: oklch(83% .029 65);
  --muted: oklch(46% .035 25);
  --bg: var(--paper);
  --surface: var(--sheet);
  --surface-2: oklch(93% .028 81);
  --ink-band: var(--maroon);
  --fg: oklch(25% .04 20);
  --fg-2: oklch(40% .035 25);
  --meta: var(--muted);
  --border: var(--line);
  --border-soft: oklch(88% .02 65);
  --forest-deep: var(--maroon);
  --forest: oklch(39% .105 17);
  --leaf: oklch(48% .105 17);
  --moss: oklch(57% .095 17);
  --sage: oklch(66% .07 17);
  --pale: oklch(76% .04 17);
  --mist: oklch(85% .02 17);
  --amber: var(--gold);
  --amber-ink: oklch(46% .085 70);
  --pending: var(--amber-ink);
  --volt: var(--gold);
  --volt-hover: var(--gold-hover);
  --volt-ink: var(--maroon);
  --stamp-live-bg: oklch(92% .025 17);
  --stamp-prep-bg: oklch(94% .04 84);
  --canvas: var(--paper);
  --evidence: var(--sheet);
  --evidence-inset: var(--surface-2);
  --ink: var(--fg);
  --ink-prose: var(--fg-2);
  --ink-quiet: var(--muted);
  --ink-margin: var(--muted);
  --rule: var(--line);
  --rule-soft: var(--border-soft);
  --rule-strong: var(--maroon);
  --action: var(--forest);
  --action-strong: var(--maroon);
  --action-on: var(--paper);
  --action-edge: var(--sage);
  --focus: var(--maroon);
  --focus-on-dark: var(--gold);
  --mark: var(--gold);
  --mark-ink: var(--maroon);
  --callout-ink: var(--maroon);
  --figure-lead: var(--gold);
  --cta-dark: var(--gold);
  --wordmark-tld: var(--gold);
  --slab: var(--maroon);
  --slab-feature: var(--maroon);
  --on-dark: var(--paper);
  --on-dark-1: oklch(93% .018 80);
  --on-dark-2: oklch(85% .025 70);
  --on-dark-3: oklch(82% .025 70);
  --on-ink-1: var(--paper);
  --on-ink-2: var(--on-dark-1);
  --on-ink-3: var(--on-dark-2);
  --on-ink-4: var(--on-dark-3);
  --panel-top-ink: var(--paper);
  --on-dark-rule: oklch(56% .065 20);
  --reg-1: var(--forest-deep);
  --reg-2: var(--forest);
  --reg-3: var(--leaf);
  --reg-4: var(--moss);
  --reg-5: var(--sage);
  --reg-6: var(--pale);
  --reg-7: var(--gold);
  --reg-8: var(--mist);
  --sans: 'Field Guide Sans','IBM Plex Sans',system-ui,sans-serif;
  --serif: var(--sans);
  --r-card: 4px;
  --r-tab: 4px;
  --bw-accent: 0px;
  --shadow: none;
  --shadow-sm: none;
  --shadow-lg: none;
  --shadow-in: none;
  --m-prose: 70ch;
  --t-h1: clamp(32px,4vw,48px);
  --t-h2: clamp(28px,3vw,44px);
  --t-h3: 24px;
  --t-figure: 27px;
  --t-src: 12px;
  --t-body: 17px;
  --maxw: 1360px;
  /* Motion: ink settles, it never bounces. Scroll-linked draws are linear;
     timed ones use the exponential ease-out. Reduced motion zeroes all of it. */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --d-fast: .18s;
  --d-state: .24s;
  --d-ink: .7s;
}