/* ── Design tokens ────────────────────────────────────────────────────────
   Studio Unit Zero
   Brand navy #1E4592 sampled from the supplied logo, on a plain white ground.
   ─────────────────────────────────────────────────────────────────────── */

:root {
  /* Colour */
  --paper: #ffffff;
  --paper-sunk: #f7f7f7; /* alternating band */
  --ink: #14161a;
  --ink-soft: #3d4148;
  --ink-muted: #6d7178; /* 5.1:1 on --paper, passes AA */
  --rule: #e0ddd7;
  --rule-strong: #c9c5bd;

  --accent: #1e4592; /* brand navy */
  --accent-deep: #142f66;
  --accent-wash: #eef1f8;

  --overlay-ink: #0d0f12;

  --white: #ffffff;
  --white-rgb: 255 255 255;

  /* Type */
  --font-sans: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono",
    Menlo, Consolas, monospace;

  --step--2: 0.75rem; /* 12px  — micro labels */
  --step--1: 0.8125rem; /* 13px  — captions, meta */
  --step-0: 1rem; /* 16px  — body */
  --step-1: 1.125rem; /* 18px  — lead body */
  --step-2: clamp(1.25rem, 0.9rem + 1.1vw, 1.75rem);
  --step-3: clamp(1.75rem, 1.1rem + 2.2vw, 2.75rem);
  --step-4: clamp(2.25rem, 1.2rem + 4vw, 4.5rem);
  --step-5: clamp(3rem, 1rem + 8vw, 8rem);

  --leading-tight: 1.1;
  --leading-snug: 1.35;
  --leading-body: 1.65;

  --tracking-wide: 0.08em;
  --tracking-wider: 0.16em;

  /* Space — 8px base */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-section: clamp(4.5rem, 10vw, 9rem);

  /* Layout */
  --content: 1240px;
  --measure: 68ch;
  --narrow: 900px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --header-h: 76px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 700ms;
}

@media (max-width: 640px) {
  :root {
    --header-h: 62px;
  }
}