/* ============================================================
   FFSBD — Design tokens
   Concept: "Ledger & Seal" — the visual language of bookkeeping,
   receipts, and the official stamp that turns an application
   into an approval. Paper, ink, and a stamped seal of legitimacy.
   ============================================================ */

:root {
  /* Color */
  --paper: #F6F1E4;        /* warm ledger paper */
  --paper-raised: #FBF8EE; /* card surface, slightly lighter */
  --ink: #1B2A4A;          /* deep indigo-navy — primary text/ink */
  --ink-soft: #3E4A67;     /* secondary text */
  --rule: #C9BFA4;         /* faint ledger rule lines */
  --rule-strong: #A99E7E;
  --ochre: #C97B21;        /* marigold/ochre — growth, harvest, currency */
  --ochre-deep: #96591A;
  --stamp: #A5342A;        /* rubber-stamp red — CTA / status ink */
  --stamp-deep: #7C2721;
  --ledger-green: #375C42; /* deep green — secondary accent */
  --ledger-green-deep: #274233;
  --line-on-dark: rgba(246,241,228,0.28);

  /* Type */
  --font-display: "Big Shoulders", "Arial Narrow", sans-serif;
  --font-body: "Work Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  /* Scale */
  --step-eyebrow: 0.78rem;
  --step-body: 1.05rem;
  --step-lede: 1.3rem;
  --step-h3: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem);
  --step-h2: clamp(2.1rem, 1.4rem + 2.6vw, 3.4rem);
  --step-h1: clamp(2.8rem, 1.6rem + 5vw, 5.4rem);

  /* Layout */
  --max-width: 1180px;
  --gutter: 1.5rem;
  --radius: 2px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}