:root {
  /* Palette */
  --c-bg:        #F7F5F0;
  --c-bg-soft:   #EFEBE3;
  --c-ink:       #0A0A0A;
  --c-ink-soft:  #1A1A1A;
  --c-mute:      #7A7670;
  --c-line:      #E2DDD3;
  --c-accent:    #8A7D6A;       /* taup hover */

  /* Type */
  --ff-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ff-display: "Inter Tight", "Inter", -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;

  --fs-xs:   0.72rem;   /* 11.5px */
  --fs-s:    0.82rem;   /* 13px */
  --fs-m:    0.95rem;   /* 15px */
  --fs-l:    1.1rem;    /* 17.5px */
  --fs-xl:   clamp(1.5rem, 2.4vw, 2rem);
  --fs-h3:   clamp(1.5rem, 2.6vw, 2.25rem);
  --fs-h2:   clamp(2.4rem, 6vw, 5rem);
  --fs-h1:   clamp(3.5rem, 11vw, 11rem);
  --fs-display: clamp(4rem, 14vw, 14rem);

  --tracking-display: 0.32em;
  --tracking-eyebrow: 0.24em;
  --tracking-tight: -0.02em;

  /* Layout */
  --container: 1320px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(5rem, 12vh, 9rem);

  /* Motion */
  --ease: cubic-bezier(.2, .7, .15, 1);
  --t-fast: 220ms var(--ease);
  --t-med:  450ms var(--ease);
  --t-slow: 800ms var(--ease);

  /* Header */
  --header-h: 76px;
}

@media (max-width: 720px) {
  :root {
    --header-h: 64px;
    --section-y: clamp(3.5rem, 10vh, 6rem);
    --tracking-display: 0.22em;
  }
}