:root {
  --c-cream:        #faf6ee;
  --c-cream-deep:   #f3edde;
  --c-paper:        #fffbf2;
  --c-ink:          #1f1a17;
  --c-ink-soft:     #3a342e;
  --c-navy:         #102a4c;
  --c-navy-deep:    #08182d;
  --c-gold:         #c9a227;
  --c-gold-deep:    #a88615;
  --c-gold-soft:    #e6cb73;
  --c-sage:         #8a9a7b;
  --c-rust:         #b95f3a;
  --c-muted:        #6b6358;
  --c-line:         #d6cdb6;
  --c-line-soft:    #ece4cd;
  --c-white:        #ffffff;

  --ff-display: "Fraunces", "Cormorant Garamond", "Hoefler Text", Garamond, Georgia, serif;
  --ff-body:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ff-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   1.1875rem;
  --fs-xl:   clamp(1.375rem, 1.15rem + 1vw, 1.75rem);
  --fs-2xl:  clamp(1.875rem, 1.5rem + 1.875vw, 2.875rem);
  --fs-3xl:  clamp(2.5rem, 1.85rem + 3.25vw, 4.25rem);
  --fs-4xl:  clamp(3.25rem, 2.4rem + 4.25vw, 5.75rem);
  --fs-display: clamp(3.75rem, 2.5rem + 6.25vw, 7.5rem);

  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-base:   1.6;
  --lh-relaxed:1.75;

  --tracking-tight: -0.02em;
  --tracking-snug:  -0.01em;
  --tracking-base:  0;
  --tracking-wide:  0.08em;
  --tracking-wider: 0.18em;

  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  3rem;
  --sp-8:  4rem;
  --sp-9:  6rem;
  --sp-10: 8rem;
  --sp-11: 10rem;

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 24px;
  --r-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(31,26,23,.06);
  --shadow-sm: 0 4px 12px -4px rgba(31,26,23,.10);
  --shadow-md: 0 14px 32px -12px rgba(31,26,23,.20);
  --shadow-lg: 0 30px 60px -24px rgba(31,26,23,.30);
  --shadow-gold: 0 14px 32px -14px rgba(201,162,39,.45);

  --container:        1320px;
  --container-narrow: 880px;
  --container-text:   680px;
  --gutter:           clamp(1.25rem, 4vw, 3rem);

  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 200ms;
  --dur-base: 400ms;
  --dur-slow: 800ms;

  --header-h: 84px;
}

@media (max-width: 720px) {
  :root { --header-h: 68px; }
}