/* Placeholder design tokens (WEBSITE_SPEC_v2 section 8).
   Swap this file when the Countkind design system arrives. */
@font-face {
  font-family: "Lexend";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/lexend-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2");
}

:root {
  --paper: #FAF7F2;
  --ink: #1F2A44;
  --muted: #5B6478;
  --accent: #2F7D74;
  --accent-ink: #FFFFFF;
  --star: #F2B33D;
  --line: #E6E1D8;
  --tint: #EEF4F2;

  --font-heading: "Lexend", system-ui, sans-serif;
  --font-body: "Atkinson Hyperlegible", system-ui, sans-serif;
  --body-size: 18px;
  --line-height: 1.6;
  --h1-size: clamp(2rem, 5vw, 3.25rem);

  --radius: 14px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(31, 42, 68, 0.06);
  --max-width: 1080px;
  --gutter: 16px;
}