:root {
  --ink: #0A0A0B;
  --ink-2: #141416;
  --ink-3: #1C1C1F;
  --bone: #F5F2EC;
  --paper: #FFFFFF;

  --signal: #C9A24B;
  --signal-hi: #E8C568;
  --signal-lo: #8E7635;

  --rule: #2A2A2D;
  --rule-light: #D9D5CC;

  --text: #0A0A0B;
  --text-inv: #F5F2EC;
  --mute: #8E8B83;
  --mute-inv: #A9A59B;

  --font-display: "Fraunces", "Maitree", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-hero: clamp(2.8rem, 6.5vw, 5.5rem);
  --fs-h1: clamp(2.4rem, 5vw, 4.2rem);
  --fs-h2: clamp(2rem, 3.8vw, 3.4rem);
  --fs-h3: clamp(1.35rem, 1.8vw, 1.75rem);
  --fs-eyebrow: 0.78rem;
  --fs-body: 1.0625rem;
  --fs-lg: 1.18rem;
  --fs-sm: 0.9rem;
  --fs-xs: 0.8rem;

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-normal: 1.55;

  --track-eyebrow: 0.14em;
  --track-nav: 0.08em;

  --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;

  --container: 1280px;
  --container-wide: 1440px;
  --container-narrow: 880px;

  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --dur-fast: 200ms;
  --dur: 320ms;
  --dur-slow: 640ms;

  --shadow-soft: 0 10px 40px rgba(10, 10, 11, 0.08), 0 2px 6px rgba(10, 10, 11, 0.04);
  --shadow-hard: 0 24px 80px rgba(10, 10, 11, 0.4);
  --shadow-signal: 0 0 0 1px rgba(201, 162, 75, 0.35), 0 12px 32px rgba(201, 162, 75, 0.18);
}