/* Brand tokens.
   Chosen: white background; Familjen Grotesk for "Temple"; Temple Beauchesne for accents.
   Paragraphs: Switzer Variable. */
@import url("https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600&display=swap");

@font-face {
  font-family: "Temple Beauchesne";
  src: url("/assets/TempleBeauchesne-Regular.woff?v=1.3.1") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Switzer Variable";
  src: url("/assets/Switzer-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-wordmark: "Familjen Grotesk", system-ui, sans-serif;
  --font-accent: "Temple Beauchesne", serif;
  --font-display: var(--font-accent);
  --font-body: "Switzer Variable", system-ui, sans-serif;

  --color-bg: #ffffff;
  --color-ink: #1c1c1c;
  --color-muted: #6b6b6b;
  --color-accent: #1c1c1c;
  --color-line: #e4e4e4;
}

.tagline, .manifesto-title, .products-title { font-kerning: normal; }