:root {
  /* === Brand color palette === */
  --color-near-black: #111111;
  --color-deep-green: #1B2A22;
  --color-midnight-blue: #1B2232;
  --color-gold: #C6A75E;
  --color-ivory: #F5F3EF;
  --color-white: #FFFFFF;

  /* Semantic aliases */
  --color-text: var(--color-near-black);
  --color-text-muted: #4a4a4a;
  --color-bg: var(--color-white);
  --color-bg-ivory: var(--color-ivory);
  --color-rule: var(--color-gold);
  --color-accent-secondary: var(--color-midnight-blue);
  --color-accent-engraved: var(--color-deep-green);

  --color-button-bg: var(--color-near-black);
  --color-button-bg-hover: #2a2a2a;
  --color-button-text: var(--color-ivory);

  --color-focus-ring: var(--color-midnight-blue);

  /* === Typography === */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-label: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  --fs-2xs: 0.75rem;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.625rem;
  --fs-xl: 2.0625rem;
  --fs-2xl: 2.75rem;
  --fs-3xl: 3.5rem;

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-body: 1.6;

  --tracking-label: 0.08em;
  --tracking-button: 0.06em;

  /* === Spacing scale === */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* === Layout === */
  --container-max: 1200px;
  --container-narrow: 760px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* === Misc === */
  --radius-sm: 2px;
  --border-hairline: 1px solid rgba(17, 17, 17, 0.12);
  --rule-weight: 1px;
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;

  /* GSAP-driven nav underline hover (see js/modules/animations.js) */
  --underline-scale: 0;
}