@font-face {
  font-family: "Cinzel";
  src: url("assets/fonts/Cinzel.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gentium Book Basic";
  src: url("assets/fonts/Gentium Book Basic.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --color-paper: #f3eee7;
  --color-sand: #e7ddd0;
  --color-ink: #151311;
  --color-ink-soft: #241f1b;
  --color-muted: #6c5e55;
  --color-accent: #6f1d1b;
  --color-accent-dark: #4f1313;
  --color-cream: #fff8f2;
  --color-surface: rgba(255, 250, 244, 0.82);
  --color-surface-strong: rgba(255, 251, 247, 0.94);
  --color-dark-surface: #181512;
  --color-dark-panel: #1f1b18;
  --color-line: rgba(21, 19, 17, 0.12);
  --color-line-strong: rgba(255, 248, 242, 0.16);
  --color-overlay: rgba(12, 10, 9, 0.52);
  --color-overlay-strong: rgba(12, 10, 9, 0.76);
  --color-shadow: rgba(12, 9, 8, 0.18);
  --font-display: "Cinzel", Georgia, serif;
  --font-sans: "Gentium Book Basic", "Segoe UI", Tahoma, Geneva, Verdana, serif;
  --content-width: 1480px;
  --content-width-wide: 1720px;
  --content-width-narrow: 760px;
  --site-padding: clamp(1rem, 3vw, 2.25rem);
  --section-space: clamp(5rem, 10vw, 8rem);
  --section-space-tight: clamp(3rem, 7vw, 5rem);
  --radius-lg: 32px;
  --radius-md: 22px;
  --radius-sm: 14px;
  --radius-pill: 999px;
  --header-offset: 108px;
  --header-floating-offset: clamp(0.75rem, 2vw, 1.25rem);
}