/* JenCo design tokens. Single source of truth for the whole site. */
@font-face{font-family:'Arapey';src:url('/assets/fonts/arapey-regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Arapey';src:url('/assets/fonts/arapey-italic.woff2') format('woff2');
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Jost';src:url('/assets/fonts/jost-500.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap}

:root{
  /* surface, dark locked */
  --ink:#0B0B0B;
  --ink-2:#121212;
  --ink-3:#181818;
  --chalk:#E9E9E7;

  /* Strongest text colour for the current surface. --chalk is literally the
     off-white and stays that way, so anything that means "full contrast text"
     must use --text or it turns invisible inside a light section. */
  --text:var(--chalk);

  /* one accent, expressed at depths */
  --gold:#E0B98A;
  --gold-soft:#D5A874;
  --gold-antique:#C79F70;
  --gold-bronze:#A8784F;
  --bronze-dark:#604D37;

  /* form error red. Inverted inside .section--light, because a rose that
     reads on near-black is invisible on chalk and vice versa. */
  --error:#E8A29A;

  --line:rgba(233,233,231,.12);
  --line-gold:rgba(224,185,138,.28);
  --muted:rgba(233,233,231,.66);
  --muted-dim:rgba(233,233,231,.44);

  --serif:'Arapey',Georgia,'Times New Roman',serif;
  --sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* fluid type */
  --t-display:clamp(2.5rem,6.4vw,5rem);
  --t-h2:clamp(1.9rem,4.2vw,3.1rem);
  --t-h3:clamp(1.25rem,2.2vw,1.6rem);
  --t-lede:clamp(1.02rem,1.6vw,1.18rem);
  --t-body:clamp(.95rem,1.15vw,1.02rem);
  --t-small:clamp(.78rem,1vw,.84rem);
  --t-eyebrow:clamp(.62rem,.85vw,.7rem);

  --track-eyebrow:.34em;
  --track-btn:.26em;

  /* rhythm. density 3, so sections breathe */
  --section-y:clamp(5rem,11vw,9.5rem);
  --gutter:clamp(1.25rem,5vw,4rem);
  --measure:64ch;
  --wrap:78rem;

  --radius:2px;
  --radius-pill:999px;

  --ease:cubic-bezier(.65,0,.35,1);
  --dur:.75s;
}