:root {
  --cream: #FAF7F2;
  --silk: #EEE5D9;
  --sand: #F2E8DE;
  --marble: #E8E4E0;
  --pearl: #FDFFFF;
  --navy: #222D52;
  --navy-deep: #1A2340;
  --ink: #2B2723;
  --ink-soft: #5C554E;
  --champagne: #D2B68A;
  --champagne-deep: #B99862;
  --gold-ink: #77602F;
  --haven: #5A7D98;
  --aqua: #87B8BC;
  --mist: #BDD1D6;
  --font-display: "Cormorant Garamond", "Georgia", serif;
  --font-body: "Jost", "Segoe UI", system-ui, sans-serif;
  --container: 1360px;
  --radius: 12px;
  --gutter: 24px;
  --section-y: clamp(72px, 9vw, 108px);
  --section-y-tight: clamp(52px, 6.5vw, 76px);
  --header-h: 76px;
  --shadow-soft: 0 18px 45px -18px rgba(34, 45, 82, 0.28);
  --shadow-card: 0 10px 30px -12px rgba(34, 45, 82, 0.22);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

img { height: auto; }