:root {
  --h-bg: #f4ecdd;
  --h-bg-alt: #ece2cf;
  --h-bg-deep: #e5dbc6;
  --h-card: #fbf6ec;
  --h-card-2: #f2e8d6;
  --h-scroll-thumb: #cdbb9c;
  --h-text: #2b1e14;
  --h-ink: 43, 30, 20;
  --h-panel: 250, 244, 233;
  --h-primary: #af6f6d;
  --h-primary-hover: #c98a86;
  --h-gold: #c4a36a;
  --h-green: #9aa67a;
  --h-green-dark: #7f8a63;
  --h-dark-ink: #140f0c;
  --h-container: 1280px;
  --h-gutter: 40px;
  --h-section-pad: clamp(90px, 13vh, 160px);
  --h-radius: 18px;
  --h-font-body: Inter, sans-serif;
  --h-font-display: 'Cormorant Garamond', serif;
}

html[data-theme='dark'] {
  --h-bg: #140f0c;
  --h-bg-alt: #1b1411;
  --h-bg-deep: #0f0b09;
  --h-card: #1f1611;
  --h-card-2: #241a15;
  --h-scroll-thumb: #3a2c24;
  --h-text: #f3ebe0;
  --h-ink: 243, 235, 224;
  --h-panel: 20, 15, 12;
  color-scheme: dark;
}

html[data-theme='light'] {
  color-scheme: light;
}

.h-dark-context {
  --h-bg: #140f0c;
  --h-bg-alt: #1b1411;
  --h-bg-deep: #0f0b09;
  --h-card: #1f1611;
  --h-card-2: #241a15;
  --h-scroll-thumb: #3a2c24;
  --h-text: #f3ebe0;
  --h-ink: 243, 235, 224;
  --h-panel: 20, 15, 12;
  color-scheme: dark;
}