/* Self-hosted site typefaces — load with tokens so every page has them. */
@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-latin-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-latin-variable-italic.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/inter-latin-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/inter-latin-variable-italic.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Prototype-authoritative warm editorial palette. */
  --clay: #1e3b2f;
  --acacia: #315c49;
  --brass: #d98e3d;
  --savanna: #efe6d2;
  --bush: #4a5b48;
  --espresso: #24211c;
  --stone: #ffffff;
  --sand: #efe6d2;
  --ivory: #ffffff;

  /* Compatibility aliases retain existing catalogue/template contracts. */
  --forest-950: #24211c;
  --forest-900: #1e3b2f;
  --forest-800: #315c49;
  --forest-700: #4a5b48;
  --ochre-700: #1e3b2f;
  --ochre-600: #315c49;
  --ochre-500: #d98e3d;
  --sand-300: #efe6d2;
  --sand-200: #f7f2e6; /* light text on dark surfaces — not a page fill */
  --sand-100: #ffffff;
  --white: #fff;
  --charcoal: #24211c;
  --muted: #756b60;
  --border: #efe6d2;
  --success: #2f6b4f;
  --warning: #9b681e;
  --error: #a33a32;
  --brand-deep: var(--espresso);
  --brand-dark: var(--clay);
  --brand-primary: var(--acacia);
  --brand-orange: var(--brass);
  --brand-yellow: var(--brass);
  --brand-cream: #ffffff;
  --brand-ink: var(--espresso);
  --brand-muted: var(--muted);
  --brand-border: var(--sand);
  --canvas: #ffffff;
  --surface: #ffffff;
  --font-display: "Fraunces", serif;
  --font-body: "Work Sans", system-ui, sans-serif;
  --font-sans: var(--font-body);
  --container: 82.5rem;
  --container-wide: 95rem;
  --reading: 53.75rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section: clamp(5rem, 8vw, 8rem);
  --radius-sm: .25rem;
  --radius: .5rem;
  --radius-lg: .75rem;
  --shadow: 0 40px 80px -40px rgba(44, 36, 27, .24);
  --shadow-soft: 0 16px 40px -18px rgba(44, 36, 27, .16);
  --transition: 220ms cubic-bezier(.16, 1, .3, 1);
}