/* ============================================================
   Design tokens: the ONLY file to edit to re-brand the site.
   To change the accent colour, edit --accent and --accent-hover below.
   ============================================================ */

@layer base, layout, components, utilities;

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/public-sans-latin.woff2") format("woff2");
}

:root {
  color-scheme: light;

  --bg: #ffffff;
  --surface-alt: #f3f5f8;
  --text: #1c2430;
  --text-secondary: #526070;
  --rule: #d9dee5;
  --accent: #23446b;
  --accent-hover: #1a3454;
  --on-accent: #ffffff;
  --highlight: #e9c46a;
  --success: #2e6b46;
  --danger: #a12b2b;

  --font: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 650;

  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);

  --r-sm: 4px;
  --r-md: 6px;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 40px;
  --s-6: 64px;

  --measure: 68ch;
  --layout: 1120px;
  --tap: 44px;

  --dur: 150ms;
  --ease: ease-out;
}