:root {
  /* ---- Spacing (the site works off two base steps) ---- */
  --space-1: 0.625rem;  /* 10px */
  --space-2: 1.25rem;   /* 20px — the primary gutter/padding unit */
  --space-3: 2.5rem;    /* 40px — derived larger step */
  --space-4: 5rem;      /* 80px */

  /* ---- Radii ---- */
  --radius-pill: 40px;  /* buttons, nav pills, dropdown items */
  --radius-card: 14px;  /* dropdown menus, figures, embeds */
  --radius-icon: 8px;   /* favicon tile */

  /* ---- Layout ---- */
  --content-column: calc(66.666vw - 2.5rem); /* @kind spacing */
  --content-max: 52rem;  /* press-release / centered prose max width */
  --header-height: 5rem;

  /* ---- Borders ---- */
  --hairline: 1px;

  /* ---- Shadows (used sparingly — only dropdowns float) ---- */
  --shadow-dropdown: 0 18px 36px -22px rgba(45, 54, 47, 0.35);

  /* ---- Motion ---- */
  --ease-fill: cubic-bezier(0.65, 0, 0.35, 1); /* sliding pill fill / caret */
  --dur-fill: 0.2s;
  --dur-color: 0.35s;
}