:root {
  /* Brand colours (matched from live site) */
  --color-primary: #181727;      /* deep plum/charcoal - footer, dark sections */
  --color-secondary: #37323D;     /* medium charcoal - body copy */
  --color-accent: #CFAEA2;        /* rose-gold - buttons, highlights */
  --color-accent-dark: #b8907f;   /* rose-gold hover/darker */
  --color-bg-light: #F8F6F3;      /* warm ivory section background */
  --color-bg-white: #FFFFFF;
  --color-text: #181727;
  --color-text-muted: #37323D;
  --color-border: rgba(24, 23, 39, 0.08);

  /* Layout */
  --container-width: 1200px;
  --container-padding: 24px;
  --header-height: 84px;
  --header-height-mobile: 64px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Spacing scale */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 28px;
  --space-lg: 48px;
  --space-xl: 96px;
  --space-xl-mobile: 56px;

  /* Typography */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-h1: clamp(32px, 5vw, 52px);
  --fs-hero-h1: clamp(26px, 3.5vw, 44px);
  --fs-h2: clamp(28px, 4vw, 38px);
  --fs-h3: 18px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-eyebrow: 13px;

  /* Motion */
  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;

  /* Shadows */
  --shadow-card: 0 10px 30px rgba(24, 23, 39, 0.06);
  --shadow-header: 0 4px 20px rgba(24, 23, 39, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}