:root {
  /* Colour palette */
  --color-navy: #0A1F3D;
  --color-navy-deep: #061530;
  --color-navy-soft: #0F2750;
  --color-charcoal: #1A1A1A;
  --color-charcoal-soft: #2A2A2A;
  --color-bone: #F5F3EF;
  --color-bone-warm: #ECEAE3;
  --color-white: #FFFFFF;
  --color-text: #1A1A1A;
  --color-text-muted: #5A5F66;
  --color-text-on-dark: #EEE9E0;
  --color-text-on-dark-muted: #8A96A8;
  --color-rule: #D8D5CC;
  --color-rule-dark: #182E50;
  --color-accent: #B89A5E;       /* muted gold — used sparingly */
  --color-accent-light: #D4B87A; /* lighter gold for dark backgrounds */

  /* Typography — Cormorant Garamond for all serif display */
  --font-serif: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-sans: "DM Sans", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* Fluid type scale */
  --fs-display-xl: clamp(3rem, 7vw + 1rem, 7.5rem);   /* bumped up — Cormorant reads beautifully at scale */
  --fs-display-l:  clamp(2.5rem, 5vw + 0.5rem, 5.5rem);
  --fs-display-m:  clamp(2rem, 3.5vw + 0.5rem, 3.75rem);
  --fs-h1:         clamp(2.25rem, 3.5vw + 0.75rem, 3.5rem);
  --fs-h2:         clamp(1.75rem, 2.5vw + 0.75rem, 2.5rem);
  --fs-h3:         clamp(1.375rem, 1.2vw + 0.75rem, 1.625rem);
  --fs-eyebrow:    0.6875rem;
  --fs-body:       1rem;
  --fs-body-lg:    1.125rem;
  --fs-small:      0.9375rem;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Layout */
  --container-max: 1280px;
  --container-narrow: 880px;
  --container-wide: 1440px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(4rem, 9vw, 8rem);

  /* Other */
  --radius-sm: 2px;
  --radius-md: 3px;
  --header-h: 80px;
  --transition-fast: 180ms ease;
  --transition-base: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow: 560ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --shadow-sm: 0 1px 2px rgba(10, 31, 61, 0.05);
  --shadow-md: 0 8px 28px rgba(10, 31, 61, 0.09);
  --shadow-lg: 0 24px 60px rgba(10, 31, 61, 0.13);
}