@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/fonts/cormorant-garamond-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/fonts/cormorant-garamond-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/fonts/cormorant-garamond-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla';
  src: url('/fonts/karla-variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: light;
  --primary: #4F5B48;
  --accent: #B9A184;
  --ink: #2A2925;
  --paper: #F6F3EE;
  --danger: #b3261e;
  --danger-content: #ffffff;
  --font-display: 'Cormorant Garamond', Garamond, 'Times New Roman', serif;
  --font-body: Karla, 'Helvetica Neue', Arial, sans-serif;
  --primary-content: #F6F3EE;
  --accent-content: #2A2925;
  --surface: #ece9e4;
  --surface-2: #e0ddd8;
  --muted: #7c7a75;
  --line: #d5d3ce;
  --ok: #1E8A55;
  --warning: #8a5a00;
  --warning-content: #ffffff;
  --display-tracking: -0.025em;
  --display-weight: 300;
  --ease: cubic-bezier(.2,.0,0.46,1);
  --edge: 0px;
  --eyebrow-tracking: 0.3em;
  --hover-lift: 1px;
  --lift: none;
  --measure: 62ch;
  --pace: 192ms;
  --page: 82rem;
  --radius: 2px;
  --space: 1.45rem;
  --space-lg: 3.625rem;
  --text-base: 1.062rem;
  --text-display: clamp(2.5rem, 7vw, 4.987rem);
  --text-lg: 1.413rem;
  --text-sm: 0.799rem;
  --text-xl: 1.879rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #F6F3EE;
    --paper: #2A2925;
    --primary: #92988a;
    --accent: #b9a184;
    --danger: #ce7871;
    --danger-content: #2A2925;
    --primary-content: #2A2925;
    --accent-content: #2A2925;
    --surface: #34332f;
    --surface-2: #403f3b;
    --muted: #a4a29e;
    --line: #4b4945;
    --ok: #5CCB8F;
    --warning: #e8a33d;
    --warning-content: #2A2925;
    --lift: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --pace: 0ms; }
  *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}