/*
 * Seneca — brand system for the Content Pipeline PWA.
 *
 * Mapped from the canonical kit at brand/seneca/identity.md in the Seneca
 * workspace: Page #FFFFFF · Surface #F4F4F3 · Accent (brand blue) #234567 ·
 * Body #383838 · Ink #000000. Urbanist carries display/headings (--serif slot);
 * Montserrat carries body/UI (--sans). Flat system: solid fills, thin rules,
 * generous whitespace.
 */
@font-face {
  font-family: "Montserrat";
  src: url("/brand/fonts/montserrat-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/brand/fonts/montserrat-500.woff2") format("woff2");
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/brand/fonts/montserrat-700.woff2") format("woff2");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("/brand/fonts/urbanist-600.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("/brand/fonts/urbanist-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("/brand/fonts/urbanist-800.woff2") format("woff2");
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --char: #383838;
  --gold: #234567;
  --gold-d: #1a3450;
  --light: #f4f4f3;
  --warm: #ffffff;
  --line: #e2e2e0;
  --paper: #ffffff;
  --pos: #3f6f54;
  --muted: #6f6f6d;
  --danger: #b4543f;
  --hairline: #ececeb;
  --serif: "Urbanist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-family: var(--sans);
  --text-2: #5c5c5a;
  --tint-pos: #f2f6f4;
  --tint-danger: #faf0ee;
  --topbar-bg: rgba(255, 255, 255, 0.94);
  --card-bg: #fff;
  --on-accent: #fff;
  --radius-1: 4px;
  --radius-2: 5px;
  --radius-3: 6px;
  --radius-pill: 20px;
}