/* Hallmark · genre: editorial · macrostructure: Marquee Hero (staggered) · theme: studied-DNA (source: https://www.itsoffbrand.com/ + DESIGN.md «Iridescent sphere on warm parchment») · enrichment: Tier A CSS sphere + Tier B canvas instruments · nav: N9 edge-aligned · footer: Ft5 statement
 * paper #e5e4e0 · ink #1d1d1d · accent: iridescent sphere, once · fonts: Instrument Sans (Ataero Retina OB substitute)
 * Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4 */
:root {
  --color-parchment: #e5e4e0;
  --color-ink: #1d1d1d;
  --color-paper: #ffffff;
  --color-ash: #bfbebe;
  --color-stone: #cdcdc9;
  --color-ink-60: rgba(29, 29, 29, 0.6);
  --color-ink-20: rgba(29, 29, 29, 0.2);
  --color-grid: #e5e4e0;
  --gradient-sphere: linear-gradient(255deg, rgb(250, 203, 14), rgb(240, 107, 168) 30%, rgb(120, 186, 230) 65%, rgb(255, 255, 255));
  /* same family, dropped in lightness so it holds contrast as text on parchment */
  --gradient-name: linear-gradient(255deg, rgb(196, 138, 0), rgb(206, 52, 124) 30%, rgb(41, 122, 186) 66%, rgb(92, 78, 214));

  --font-display: "Instrument Sans", "Ataero Retina OB Edition", "Neue Haas Grotesk Display", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: var(--font-display);

  --text-caption: 11px;
  --text-body-sm: 15px;
  --text-body: 18px;
  --text-subheading: clamp(24px, 2.4vw, 34px);
  --text-heading-sm: clamp(28px, 3.2vw, 46px);
  --text-heading: clamp(36px, 4.9vw, 70px);
  --text-heading-lg: clamp(38px, 5.3vw, 76px);
  --text-display: clamp(46px, 7.15vw, 103px);

  --leading-tight: 0.8;
  --leading-solid: 1;
  --leading-body: 1.4;

  --tracking-caption: 0.05em;
  --tracking-body: 0.013em;
  --tracking-display: 0.013em;

  --weight-regular: 400;
  --weight-bold: 700;

  --space-5: 5px;
  --space-8: 8px;
  --space-15: 15px;
  --space-19: 19px;
  --space-30: 30px;
  --space-46: 46px;
  --space-76: 76px;
  --space-119: 119px;

  --page-max: 1400px;
  --gutter: 19px;
  --card-pad: 30px;

  --radius-card: 0px;
  --radius-link: 10px;
  --radius-pill: 999px;

  --rule: 1px solid var(--color-ash);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 160ms;
  --dur-mid: 420ms;
  --dur-long: 900ms;

  --z-orbit: 0;
  --z-page: 1;
  --z-hud: 10;
}