/* Hush tokens — the single source for colour and type across every page.
   Link AFTER ds-base.js so these win over the Modernist defaults. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Karla:ital,wght@0,400;0,500;0,700;1,400&display=swap');

:root {
  /* 60% ground — soft cream, low cognitive load */
  --color-bg: #f8f5ef;
  --color-neutral-100: #fcfaf6;
  --color-neutral-200: #f1ede4;
  --color-neutral-300: #e4dfd3;
  --color-divider: #c7c0b2;

  /* 30% trust — deep midnight, used for text and every dark field */
  --color-text: #1b2437;
  --color-neutral-700: #33405a;
  --color-neutral-800: #232e44;
  --color-neutral-900: #141b29;

  /* 10% action — warm terracotta, reserved for CTAs and small emphasis */
  --color-accent: #d2593a;
  --color-accent-100: #fbeee9;
  --color-accent-200: #f5d9cf;
  --color-accent-300: #ecbdab;
  --color-accent-400: #dd9276;
  --color-accent-500: #d2593a;
  --color-accent-600: #bd4a2d;
  --color-accent-700: #9c4630;
  --color-accent-800: #7c3624;
  --color-accent-900: #5c2719;

  /* type — Newsreader over Karla, replacing the system's Archivo pairing */
  --font-heading: "Newsreader", Georgia, "Times New Roman", serif;
  --font-heading-weight: 600;
  --font-body: "Karla", system-ui, -apple-system, sans-serif;
}

body { font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); }


/* header: labels stay on one line, the CTA keeps its white label */
.nav a, .nav .btn { white-space: nowrap; }
.nav .btn-primary, .nav a.btn-primary {
  background: var(--color-accent); color: #fff; border: 0; }
.nav .btn-primary:hover { background: var(--color-accent-600); }