/* Ritmik typography tokens — from the ritmik.net landing page. */
:root {
  /* families */
  --font-display: "Righteous", "Hanken Grotesk", sans-serif; /* uppercase display */
  --font-body: "Hanken Grotesk", system-ui, sans-serif;

  /* body: Hanken Grotesk 600, 17px / 1.5 */
  --text-body-size: 17px;
  --text-body-weight: 600;
  --text-body-line: 1.5;

  /* headings (non-display): Hanken 900, tight */
  --heading-weight: 900;
  --heading-tracking: -0.035em;
  --heading-line: 0.96; /* @kind other */

  /* display (Righteous): weight 400 rendered bold, uppercase, no tracking */
  --display-tracking: 0;
  --display-line: 1; /* @kind other */
  --display-transform: uppercase; /* @kind other */

  /* scale (fluid, as used on the landing page) */
  --size-hero: clamp(44px, 7.7vw, 114px);      /* hero h1 */
  --size-display-xl: clamp(50px, 9vw, 150px);  /* final CTA h2 */
  --size-h2: clamp(34px, 4.3vw, 58px);         /* section heads */
  --size-h3: clamp(22px, 2vw, 29px);           /* card titles */
  --size-card-title: 26px;                     /* who-cards */
  --size-body-lg: 18px;
  --size-body: 17px;
  --size-body-sm: 15px;
  --size-caption: 13.5px;

  /* kicker: uppercase eyebrow */
  --kicker-size: 13px;
  --kicker-weight: 800;
  --kicker-tracking: 0.08em;
}