@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&family=Pinyon+Script&display=swap');

:root {
  --cream: #F7F2E9;
  --cream-deep: #F1E9DC;
  --beige: #E8DBC7;
  --beige-soft: #EFE6D7;
  --sand: #DCCBB0;
  --camel: #A8794C;
  --camel-deep: #8C6238;
  --camel-soft: #C19A6B;
  --gold: #C39A52;
  --gold-soft: #D8B978;
  --espresso: #241C13;
  --espresso-2: #36291C;
  --charcoal: #2A2620;
  --ink: #15120D;
  --graphite: #6B635A;
  --stone: #9A9087;
  --white: #FFFFFF;
  --success: #5F7355;
  --success-soft: #E4E9DD;
  --warn: #B5853B;
  --warn-soft: #F1E6CF;
  --error: #9B5247;
  --error-soft: #EFDBD5;
  --surface-page: var(--cream);
  --surface-page-alt: var(--cream-deep);
  --surface-card: var(--white);
  --surface-inverse: var(--espresso);
  --text-heading: var(--ink);
  --text-body: var(--charcoal);
  --text-muted: var(--graphite);
  --text-on-dark: var(--cream);
  --text-on-dark-mute: #C9BCA6;
  --border-hairline: rgba(36, 28, 19, 0.12);
  --border-soft: rgba(36, 28, 19, 0.08);
  --border-strong: rgba(36, 28, 19, 0.22);
  --border-on-dark: rgba(247, 242, 233, 0.18);
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-script: 'Pinyon Script', 'Snell Roundhand', cursive;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
a { color: var(--camel-deep); }
a:hover { color: var(--ink); }