@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/IBMPlexSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/IBMPlexSans-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/IBMPlexSans-Bold.woff2") format("woff2");
}

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

@font-face {
  font-family: "Libre Baskerville";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/LibreBaskerville-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/LibreBaskerville-Bold.woff2") format("woff2");
}

:root {
  --font-serif: "Libre Baskerville", Georgia, serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;

  --background: oklch(0.957 0.014 84);
  --foreground: oklch(0.28 0.055 262);
  --ink: oklch(0.28 0.055 262);
  --brown: oklch(0.487 0.079 55);
  --brown-foreground: oklch(0.98 0.008 84);
  --rule: oklch(0.87 0.018 80);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.28 0.055 262);
  --primary: oklch(0.487 0.079 55);
  --primary-foreground: oklch(0.98 0.008 84);
  --secondary: oklch(0.93 0.016 82);
  --secondary-foreground: oklch(0.28 0.055 262);
  --muted: oklch(0.93 0.016 82);
  --muted-foreground: oklch(0.47 0.028 262);
  --accent: oklch(0.93 0.016 82);
  --accent-foreground: oklch(0.28 0.055 262);
  --destructive: oklch(0.55 0.19 27);
  --destructive-foreground: oklch(0.98 0.008 84);
  --border: oklch(0.87 0.018 80);
  --input: oklch(0.85 0.018 80);
  --ring: oklch(0.487 0.079 55);

  --surface-raised: oklch(0.995 0.006 84);
  --shadow-card: 0 1px 0 oklch(0.88 0.02 80), 0 14px 28px -16px oklch(0.28 0.055 262 / 0.22);
  --focus-ring: 0 0 0 3px var(--background), 0 0 0 6px var(--brown);

  --radius: 0.25rem;
  --radius-card: 1.5rem;
  --radius-panel: 2.25rem;
  --radius-pill: 999px;

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem;

  /* Not from the landing site — muted companions to --brown. */
  --success: oklch(0.48 0.07 145);
  --warning: oklch(0.58 0.09 75);
}