@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wm-fonts/libre-baskerville-400.woff2") format("woff2");
}
@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/wm-fonts/libre-baskerville-700.woff2") format("woff2");
}
@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/wm-fonts/libre-baskerville-700.woff2") format("woff2");
}
@font-face {
  font-family: "Libre Baskerville";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/wm-fonts/libre-baskerville-400-italic.woff2") format("woff2");
}

:root,
:host {
  --font-sans: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --font-serif: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --font-mono: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --default-font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  color-scheme: dark;
  --background: #161512;
  --foreground: #f0eadc;
  --card: #1e1c18;
  --card-foreground: #f0eadc;
  --popover: #1e1c18;
  --popover-foreground: #f0eadc;
  --primary: #f0eadc;
  --primary-foreground: #161512;
  --secondary: #2a2722;
  --secondary-foreground: #f0eadc;
  --muted: #2a2722;
  --muted-foreground: #c4bba8;
  --accent: #e2c16a;
  --accent-foreground: #161512;
  --border: #3a362e;
  --input: #3a362e;
  --ring: #e2c16a;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
}

html,
body {
  background-color: #161512 !important;
  color: #f0eadc !important;
}

html,
body,
button,
input,
textarea,
select,
html body,
html body * {
  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif !important;
}

/* Book logos: black/color silhouettes → ivory on charcoal. Stay inverted on hover. */
img.brightness-0 {
  filter: brightness(0) invert(1) !important;
}
