@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --midnight-950: #200401;
  --midnight-900: #32140a;
  --midnight-800: #452115;
  --paper-50: #fbf7f0;
  --paper-100: #f2e9db;
  --paper-200: #e5d4bb;
  --copper-500: #b88d5e;
  --copper-600: #9f7141;
  --sage-500: #5f7a62;
  --ink-900: #1f2a33;
  --ink-700: #45515c;
  --border: #d8c7b1;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --content-width: 1240px;
  --focus-ring: 0 0 0 3px rgba(184, 141, 94, .45);
  --white: #fff;
  --muted: #66717b;
  --shadow-soft: 0 18px 48px rgba(13, 22, 34, .12);
  --shadow-strong: 0 24px 80px rgba(13, 22, 34, .22);
  --space-section: clamp(4rem, 8vw, 7.5rem);
  --navy-950: var(--midnight-950);
  --navy-900: var(--midnight-900);
  --cream-50: var(--paper-50);
  --cream-100: var(--paper-100);
  --gold-500: var(--copper-500);
}