:root {
  --midnight: #031E3F;
  --midnight-deep: #02172F;
  --midnight-soft: #0A1F4A;
  --midnight-80: rgba(3, 30, 63, 0.80);
  --midnight-40: rgba(3, 30, 63, 0.40);
  --midnight-10: rgba(3, 30, 63, 0.06);

  --gold: #C8A550;
  --gold-cta: #C9963A;
  --gold-dark: #B8894D;
  --gold-light: #E0C477;
  --gold-pale: #FFF4E0;

  --parchment: #F8F3E9;
  --parchment-dark: #E6E0D7;
  --paper: #FAF8F0;
  --white: #FFFFFF;
  --slate: #3F4A5C;
  --slate-light: #6B7280;

  --forest: #2D572C;
  --sage: #7A8C6E;
  --terracotta: #C4614A;
  --teal: #3D7A7A;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-ui: "Montserrat", system-ui, sans-serif;
  --font-body: "Lato", system-ui, sans-serif;

  --max-width: 1180px;
  --radius-sm: 8px;
  --radius-md: 18px;
  --radius-lg: 30px;
  --shadow-soft: 0 14px 40px rgba(2, 23, 47, 0.10);
  --shadow-card: 0 10px 28px rgba(2, 23, 47, 0.08);
  --border-soft: 1px solid rgba(3, 30, 63, 0.10);
  --transition: 180ms ease;
}