:root {
  /* Colors */
  --color-primary: #2f496f;
  --color-primary-light: #3f5d88;
  --color-navy-deep: #16263c;
  --color-bg: #faf9f6;
  --color-bg-alt: #f5f3ee;
  --color-text: #2b2b2b;
  --color-text-soft: #5a5a58;
  --color-ivory: #faf9f6;
  --color-gold: #b8964f;
  --color-border: rgba(43, 43, 43, 0.1);
  --color-overlay: rgba(15, 20, 28, 0.45);

  /* Typography */
  --font-serif: "Playfair Display", "Georgia", serif;
  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;

  /* Spacing */
  --section-padding: clamp(4rem, 8vw, 8rem);
  --container-width: 1240px;
  --container-padding: clamp(1.5rem, 5vw, 3rem);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 300ms;
  --duration-base: 450ms;
  --duration-slow: 600ms;

  /* Radii / shadows */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-soft: 0 20px 60px rgba(43, 43, 43, 0.08);
  --shadow-card: 0 10px 30px rgba(43, 43, 43, 0.06);
}