:root {
  /* ---------- Colors ---------- */
  --color-bg-cream: #F4EFE7;
  --color-bg-cream-light: #FAF7F2;
  --color-header-bg: #FBF9F5;
  --color-dark: #14161A;
  --color-dark-soft: #1B1E24;
  --color-text: #1A1A1A;
  --color-text-muted: #6B6B6B;
  --color-text-on-dark: #F4EFE7;
  --color-text-on-dark-muted: #A9ACB3;
  --color-border: #E4DFD5;
  --color-border-dark: #2C2F36;

  --color-amber: #C1791F;
  --color-amber-light: #D4A537;
  --color-red: #C1352C;
  --color-red-dark: #A62B23;
  --color-gold: #D4A537;
  --color-gold-dark: #B9902D;
  --color-green: #1F4A3E;
  --color-indigo: #4A3F8C;

  --color-white: #FFFFFF;
  --color-black: #14161A;

  /* pastel icon washes */
  --pastel-blue: #DCE9F7;
  --pastel-pink: #FBE1E6;
  --pastel-mint: #DCF1E6;
  --pastel-peach: #FCE7D6;
  --pastel-purple: #E8E2F7;
  --pastel-green: #E2F0DE;

  /* ---------- Typography ---------- */
  --font-display: 'Lora', 'Georgia', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-h1: clamp(2.25rem, 1.6rem + 2.6vw, 3.4rem);
  --fs-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.4rem);
  --fs-h3: clamp(1.35rem, 1.2rem + 0.6vw, 1.6rem);
  --fs-eyebrow: 0.75rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-xs: 0.75rem;

  /* ---------- Layout ---------- */
  --container-max: 1240px;
  --container-pad: 24px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(20, 22, 26, 0.06);
  --shadow-md: 0 8px 28px rgba(20, 22, 26, 0.10);
  --shadow-lg: 0 20px 48px rgba(20, 22, 26, 0.14);

  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}