/*
 * Design tokens
 * Source of truth: design/styleguide.dc.html ("Design Tokens" section of
 * design/README.md mirrors this same list). Change values there first,
 * then bring the match here — this file should never drift from it.
 */
:root{
  /* Color */
  --color-ink:#00262A;
  --color-cream:#EFEADF;
  --color-tan:#e6dfd0;
  --color-teal:#00A6A6;
  --color-teal-hover:#007a7a;
  --color-yellow:#EFCA07;

  /* Ink at opacity — muted text and hairlines on light/cream backgrounds */
  --ink-14:#00262A14;
  --ink-1a:#00262A1a;
  --ink-99:#00262A99;
  --ink-b3:#00262Ab3;

  /* Cream at opacity — muted text and hairlines on dark/ink backgrounds */
  --cream-33:#EFEADF33;
  --cream-4d:#EFEADF4d;
  --cream-80:#EFEADF80;
  --cream-b3:#EFEADFb3;
  --cream-cc:#EFEADFcc;
  --cream-f2:#efeadff2;

  /* Type: Rubik, weights 300/400/500/600/700 */
  --font-family:'Rubik',sans-serif;
  --type-eyebrow:700 13px/1 var(--font-family);
  --type-h1:300 68px/1.08 var(--font-family);
  --type-h2:400 34px/1.3 var(--font-family);
  --type-h2-quote:400 38px/1.3 var(--font-family);
  --type-h3:700 18px/1.2 var(--font-family);
  --type-body-lg:400 19px/1.65 var(--font-family);
  --type-body:400 15px/1.5 var(--font-family);
  --type-body-loose:400 15px/1.65 var(--font-family);
  --type-body-sm:400 14px/1.6 var(--font-family);
  --type-nav:500 13px/1 var(--font-family);
  --type-button:700 14px/1 var(--font-family);
  --tracking-h1:-0.015em;
  --tracking-eyebrow:0.1em;

  /* Spacing */
  --space-section-x:32px;
  --space-section-y:56px;
  --space-hero-y-top:80px;
  --space-hero-y-bottom:72px;
  --space-gap-lg:40px;
  --space-gap-md:20px;
  --space-gap-sm:12px;
}