/* TOKENS ONLY. Every value here is written at runtime from the tenant
   manifest. Nothing in this file may name a customer, and no other stylesheet
   may hard-code a colour, a typeface or a radius. If a colour appears outside
   this file, a customer somewhere cannot have their own. */
:root{
  --ink:#14161a; --ink-soft:#5b6270; --paper:#fff; --paper-2:#f6f5f2;
  --line:#e4e2dc; --accent:#1d4ed8; --on-accent:#fff;
  --live:#0f9d58; --always:#7c5cff;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --r:14px; --r-sm:9px;

  /* derived, not authored */
  --accent-wash:color-mix(in srgb,var(--accent) 8%,var(--paper));
  --accent-line:color-mix(in srgb,var(--accent) 22%,var(--line));
  --live-wash:color-mix(in srgb,var(--live) 12%,var(--paper));
  --always-wash:color-mix(in srgb,var(--always) 12%,var(--paper));
  --shadow:0 1px 2px rgba(20,22,26,.04),0 12px 32px -12px rgba(20,22,26,.16);
  --shadow-lift:0 2px 4px rgba(20,22,26,.05),0 22px 48px -16px rgba(20,22,26,.22);

  --step--1:clamp(.78rem,.76rem + .1vw,.84rem);
  --step-0:clamp(.94rem,.92rem + .12vw,1rem);
  --step-1:clamp(1.12rem,1.05rem + .35vw,1.3rem);
  --step-2:clamp(1.45rem,1.3rem + .75vw,1.9rem);
  --step-3:clamp(2rem,1.6rem + 2vw,3.4rem);
  --step-4:clamp(2.6rem,1.9rem + 3.4vw,4.8rem);

  --gutter:clamp(18px,4vw,56px);
  --measure:66ch;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}