/* ============================================================
   Design tokens — extracted from the site's original theme
   configuration (see docs/SPEC.md §3.2 and analysis/css/).
   ============================================================ */

/* ---- Self-hosted fonts (SIL OFL / Apache licensed) ---- */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/merriweather-sans-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/merriweather-sans-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/merriweather-sans-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/merriweather-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/merriweather-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/merriweather-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/merriweather-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-regular.woff2') format('woff2');
}

/* ---- Palette & typography scale (original values) ---- */
:root {
  /* palette */
  --white:    #ffffff;
  --offwhite: #f8f9fa;
  --beige:    #f1eae6;   /* submenu / soft background */
  --gold:     #f2b200;   /* links, primary accent */
  --blue:     #198fd9;
  --dark-red: #840c00;   /* body text, headings, date badges */
  --red:      #cf171e;   /* hover / active accents */
  --green:    #65bc7b;   /* calendar accent */
  --grey-text:#747474;
  --grey-line:#e6e6e6;
  --black:    #000000;

  /* typography */
  --font-body: 'Merriweather Sans', 'Iowan Old Style', Baskerville, 'Times New Roman', serif;
  --font-heading: 'Merriweather', Arial, Helvetica, sans-serif;
  --font-aux: 'Roboto', sans-serif;

  --body-size: 20px;
  --body-weight: 300;
  --body-lh: 1.70;
  --body-color: var(--dark-red);

  --h1-size: 48px;
  --h2-size: 42px;
  --h3-size: 33px;
  --h4-size: 25px;
  --h5-size: 18px;
  --h6-size: 16px;
  --heading-color: var(--dark-red);
  --heading-lh: 1.2;

  --link-color: var(--gold);
  --link-hover: var(--red);

  /* layout */
  --site-width: 1170px;
  --nav-padding: 41px;
  --nav-font-size: 16px;

  /* buttons (original: uppercase dark-red pill) */
  --btn-bg: #840c00;
  --btn-bg-hover: #5a0200;
  --btn-color: var(--white);
  --btn-font-size: 16px;

  /* menus */
  --menu-sub-bg: var(--beige);
  --menu-sub-color: var(--dark-red);
  --menu-hover: var(--gold);

  /* footer */
  --footer-text: #ffffff;
  --footer-link: var(--gold);
  --footer-link-hover: var(--red);
}