/* Upper Midwesterner design tokens: the single source of truth.
   Every stylesheet (publication.css, public-business.css, business-card.css, theme style.css)
   reads these. Change a value here, nowhere else. See STYLE-GUIDE.md. */
:root{
  /* Base */
  --um-white:#ffffff; /* Paper white, text on dark */
  /* Site (theme) */
  --um-ink:#1c1914; /* Body text on cream pages */
  --um-card-ink:#1a1a1a; /* Business card title ink */
  --um-muted:#5f584e; /* Secondary text */
  --um-card-muted:#5c5c5c; /* Card secondary text */
  --um-forest:#2a4a38; /* Primary button, links, nav on cream pages */
  --um-forest-dk:#1f4d3a; /* Card accent */
  --um-forest-soft:#e8f0eb; /* Soft accent fill */
  --um-forest-pale:#d9e6dd; /* Label on forest */
  --um-cream:#f7f4ef; /* Page background */
  --um-paper:#fffcf7; /* Raised paper */
  --um-bar:#f3efe7; /* Bars and quiet fills (merged #f3f0ea) */
  --um-sand:#ebe6dc; /* Placeholder fill */
  --um-sand-lt:#faf8f3; /* Light panel */
  --um-media-bg:#efe9df; /* Image placeholder */
  --um-card-media-bg:#f0eeea; /* Card image placeholder */
  --um-line:#e2dbd0; /* Rules and card borders */
  --um-card-line:#e4e2de; /* Card border */
  --um-field-line:#cfc6b8; /* Form field border */
  --um-stone:#c9c2b6; /* Muted text on dark lightbox */
  --um-note:#f6efd9; /* Note / sponsored-disclosure fill */
  --um-note-bar:#6b4f1d; /* Note text and bar */
  /* Forms */
  --um-error:#8a1c1c; /* Errors: text, border, icon (9.3:1 on white) */
  /* Publication */
  --um-pv-ink:#14202b; /* Body text, footer and dark bands */
  --um-pv-ink-2:#3b4954; /* Secondary text */
  --um-pv-muted:#56626c; /* Muted text, credits */
  --um-pv-line:#dfe5ea; /* Rules */
  --um-pv-fog:#f1f4f6; /* Quiet fill */
  --um-orange:#b93c16; /* Blaze orange: main action and accent */
  --um-orange-dk:#a8360f; /* Orange on tint (closed notes), hover */
  --um-orange-lt:#ffb38f; /* Orange accent on dark bands */
  --um-orange-tint:#fbe3da; /* Closed-notice fill */
  --um-link:#1b5a78; /* Lake-blue links */
  /* Labels */
  --um-sign:#ffd23f; /* Sample label / sign yellow */
  --um-sign-bg:#fff6cf; /* Sample band fill */
  --um-sign-ink:#3a2f00; /* Text on sign yellow */
  --um-sign-ink-2:#4a3d00; /* Text on sample band */
  --um-open-ink:#1f5b37; /* Open tag text */
  --um-open-bg:#e3f0e8; /* Open tag fill */
  /* Publication */
  --um-season-bg:#1c2a24; /* Season band base */
  /* Slate (on dark / quiet) */
  --um-slate-1:#4a5864; /* Preview gate text */
  --um-slate-2:#93a1ab; /* Footer credit */
  --um-slate-3:#9aa7b1; /* Sponsored dashed border */
  --um-slate-4:#aab6be; /* Fine print on dark */
  --um-slate-5:#b9c6ce; /* Season list meta, gate field border (merged #b9c4cc) */
  --um-slate-6:#c6d0d7; /* Footer text, verdict terms (merged #c7d2d9) */
  --um-slate-7:#cfd8de; /* Preview bar text */
  --um-slate-8:#dbe4ea; /* No-image gradient start */
  --um-slate-9:#e9eef1; /* Season lede on dark */
  --um-slate-10:#eef2f5; /* No-image gradient end */
  /* Roles (aliases, no new values) */
  --um-action:var(--um-orange); /* the one main action per screen (publication) */
  --um-accent:var(--um-orange); /* kickers, datelines, rules (see guide: open question) */
  --um-action-site:var(--um-forest); /* primary button on cream pages */
  --um-focus:var(--um-link);
  /* Alpha, shadows and overlays */
  --um-shadow-sm:0 6px 18px rgba(28, 25, 20, 0.08);
  --um-shadow-lg:0 10px 30px rgba(28, 25, 20, 0.04);
  --um-scrim:rgba(20, 18, 14, 0.88);
  --um-paper-a12:rgba(255, 252, 247, 0.12);
  --um-paper-a22:rgba(255, 252, 247, 0.22);
  --um-white-a0:rgba(255,255,255,0);
  --um-white-a12:rgba(255,255,255,.12);
  --um-white-a18:rgba(255,255,255,.18);
  --um-lake-a35:rgba(13,22,30,.35);
  --um-lake-a88:rgba(13,22,30,.88);
  /* Font families (unchanged; never add or raise fonts) */
  --um-font-display:"Big Shoulders Display","Arial Narrow",sans-serif; /* Publication display (wordmark, section heads) */
  --um-font-pv-serif:"Source Serif 4","Iowan Old Style","Palatino Linotype",serif; /* Publication body serif */
  --um-font-pv-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; /* Publication UI sans */
  --um-font-serif:Georgia,"Times New Roman",Times,serif; /* Cream pages serif (For Businesses, About) */
  --um-font-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; /* Cream pages UI sans */
  /* Type scale */
  --um-fs-9-92:0.62rem;
  --um-fs-10:10px;
  --um-fs-10-5:10.5px;
  --um-fs-10-88:0.68rem;
  --um-fs-11:11px;
  --um-fs-11-2:0.7rem;
  --um-fs-11-5:11.5px;
  --um-fs-11-52:0.72rem;
  --um-fs-12:0.75rem;
  --um-fs-12-48:0.78rem;
  --um-fs-12-5:12.5px;
  --um-fs-12-8:0.8rem;
  --um-fs-13:13px;
  --um-fs-13-12:0.82rem;
  --um-fs-13-76:0.86rem;
  --um-fs-14:0.875rem;
  --um-fs-14-08:0.88rem;
  --um-fs-14-4:0.9rem;
  --um-fs-14-72:0.92rem;
  --um-fs-15:0.9375rem;
  --um-fs-15-2:0.95rem;
  --um-fs-15-5:15.5px;
  --um-fs-15-68:0.98rem;
  --um-fs-16:1rem;
  --um-fs-16-32:1.02rem;
  --um-fs-16-5:16.5px;
  --um-fs-16-8:1.05rem;
  --um-fs-17:17px;
  --um-fs-17-6:1.1rem;
  --um-fs-18:18px;
  --um-fs-19:19px;
  --um-fs-19-2:1.2rem;
  --um-fs-20:20px;
  --um-fs-20-48:1.28rem;
  --um-fs-21:21px;
  --um-fs-21-6:1.35rem;
  --um-fs-22:22px;
  --um-fs-23:23px;
  --um-fs-24:1.5rem;
  --um-fs-24-8:1.55rem;
  --um-fs-26:26px;
  --um-fs-28:28px;
  --um-fs-30:30px;
  --um-fs-32:32px;
  --um-fs-34:34px;
  --um-fs-44:44px;
  --um-fs-46:46px;
  --um-fs-48:48px;
  --um-fs-52:52px;
  --um-fs-64:64px;
  --um-fs-66:66px;
  --um-fs-0-95em:0.95em;
  --um-fs-3-6em:3.6em;
  --um-fs-fluid-2:clamp(1.05rem, 1.35vw, 1.22rem);
  --um-fs-fluid-4:clamp(1.2rem, 2.8vw, 1.45rem);
  --um-fs-fluid-1:clamp(1.55rem, 2.1vw, 2.05rem);
  --um-fs-fluid-3:clamp(1.85rem, 4.5vw, 2.45rem);
  --um-fs-fluid-5:clamp(28px,4vw,40px);
  --um-fs-fluid-6:clamp(30px,5vw,48px);
  /* Spacing */
  --um-sp-1:1px;
  --um-sp-1-28:0.08rem;
  --um-sp-1-6:0.1rem;
  --um-sp-2:2px;
  --um-sp-2-4:0.15rem;
  --um-sp-3:3px;
  --um-sp-3-2:0.2rem;
  --um-sp-4:0.25rem;
  --um-sp-4-48:0.28rem;
  --um-sp-4-8:0.3rem;
  --um-sp-5:5px;
  --um-sp-5-6:0.35rem;
  --um-sp-6:6px;
  --um-sp-6-4:0.4rem;
  --um-sp-7-2:0.45rem;
  --um-sp-8:0.5rem;
  --um-sp-8-8:0.55rem;
  --um-sp-9:9px;
  --um-sp-9-6:0.6rem;
  --um-sp-9-92:0.62rem;
  --um-sp-10:10px;
  --um-sp-10-4:0.65rem;
  --um-sp-11:11px;
  --um-sp-11-2:0.7rem;
  --um-sp-12:0.75rem;
  --um-sp-12-8:0.8rem;
  --um-sp-13:13px;
  --um-sp-13-6:0.85rem;
  --um-sp-14:14px;
  --um-sp-14-4:0.9rem;
  --um-sp-15-2:0.95rem;
  --um-sp-16:1rem;
  --um-sp-16-8:1.05rem;
  --um-sp-17-6:1.1rem;
  --um-sp-18:18px;
  --um-sp-18-4:1.15rem;
  --um-sp-19-2:1.2rem;
  --um-sp-20:1.25rem;
  --um-sp-21-6:1.35rem;
  --um-sp-22:22px;
  --um-sp-24:1.5rem;
  --um-sp-25-6:1.6rem;
  --um-sp-26:26px;
  --um-sp-26-4:1.65rem;
  --um-sp-28:1.75rem;
  --um-sp-30:30px;
  --um-sp-32:2rem;
  --um-sp-34:34px;
  --um-sp-36:2.25rem;
  --um-sp-40:2.5rem;
  --um-sp-44:2.75rem;
  --um-sp-46:46px;
  --um-sp-48:3rem;
  --um-sp-56:3.5rem;
  --um-sp-9999:9999px;
  --um-sp-0-08em:0.08em;
  --um-sp-0-1em:0.1em;
  --um-sp-0-15em:0.15em;
  --um-sp-0-3em:0.3em;
  --um-sp-0-35em:0.35em;
  --um-sp-0-4em:0.4em;
  --um-sp-0-5em:0.5em;
  --um-sp-0-6em:0.6em;
  --um-sp-0-75em:0.75em;
  /* Radii */
  --um-r-2:2px;
  --um-r-3:3px;
  --um-r-3-2:0.2rem;
  --um-r-4:0.25rem;
  --um-r-4-8:0.3rem;
  --um-r-5-6:0.35rem;
  --um-r-6:6px;
  --um-r-6-4:0.4rem;
  --um-r-8:0.5rem;
  --um-r-pill:999px;
  /* Borders */
  --um-bw-1:1px;
  --um-bw-1-5:1.5px;
  --um-bw-2:2px;
  --um-bw-3:3px;
  --um-bw-4:4px;
  /* Layout */
  --um-gutter:16px;
  --um-canvas:72.5rem;
  --um-measure:42.5rem;
}
/* Responsive steps (the only per-breakpoint token values) */
@media (min-width:760px){:root{--um-gutter:28px}}