/* @font-face (Libre Caslon x3), body/heading typography, reset */

/* ============ FONTS ============
   Libre Caslon Text for body/UI text — already an asset in this project
   (used for map content), gives the "antique reading" feel the site's own
   default (unstyled body → browser serif) has, without depending on the
   browser's default. Declared directly here rather than via
   assets/map-fonts.css, which only registers the regular weight as a woff2;
   bold/italic .ttf files already exist in the same asset folder but aren't
   wired up there. */
@font-face {
  font-family: "Libre Caslon Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/LibreCaslonText/LibreCaslonText-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Caslon Text";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/LibreCaslonText/LibreCaslonText-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Libre Caslon Text";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/LibreCaslonText/LibreCaslonText-Italic.ttf) format("truetype");
}

/* ============ RESET / BASE ============ */
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
body {
  background: #d8cdb6;
  font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  color: var(--text);
  display: flex;
  justify-content: center;
  min-height: 100vh;
}
html[data-theme="dark"] body {
  background: #0c0a08;
}
h1,
h2,
h3,
h4 {
  font-family: "Fredericka the Great";
  font-weight: normal;
  color: var(--accent);
  margin: 0;
}
a {
  color: var(--accent-2);
}
button {
  font-family: inherit;
}