/* Self-hosted site typefaces — load with tokens so every page has them. */
@font-face {
  font-family: "Lora";
  src: url("../fonts/lora-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../fonts/lora-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  /* Prototype-authoritative warm editorial palette. */
  --clay: #8a3a1c;
  --acacia: #a8542b;
  --brass: #b88a3e;
  --savanna: #d9c5a0;
  --bush: #4a5b48;
  --espresso: #2c241b;
  --stone: #ffffff;
  --sand: #e8e4de;
  --ivory: #ffffff;

  /* Compatibility aliases retain existing catalogue/template contracts. */
  --forest-950: #2c241b;
  --forest-900: #8a3a1c;
  --forest-800: #a8542b;
  --forest-700: #4a5b48;
  --ochre-700: #8a3a1c;
  --ochre-600: #a8542b;
  --ochre-500: #b88a3e;
  --sand-300: #e8e4de;
  --sand-200: #f3eee6; /* light text on dark surfaces — not a page fill */
  --sand-100: #ffffff;
  --white: #fff;
  --charcoal: #2c241b;
  --muted: #756b60;
  --border: #e8e4de;
  --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;
  --sunward-font-display: "Lora", serif;
  --sunward-font-ui: "Manrope", "Segoe UI", Arial, sans-serif;
  --font-display: var(--sunward-font-display);
  --font-body: var(--sunward-font-ui);
  --font-ui: var(--sunward-font-ui);
  --font-sans: var(--font-body);
  --sunward-heading: #171717;
  --sunward-card-heading: #1c1c1c;
  --sunward-nav: #292929;
  --sunward-body: #3d3d3d;
  --sunward-secondary: #555555;
  --sunward-muted: #666666;
  --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);
}