/*
 * Design tokens for ProLevelUp.
 * Generated by scripts/tokens-to-css.mjs from the design system. Do not edit by hand:
 * change the design system and run the script again.
 */
:root {
  /* colour */
  --c-bg: #ffffff;
  --c-surface: #f1f6f9;
  --c-surface-alt: #dde8ef;
  --c-ink: #0a2335;
  --c-ink-soft: #44606f;
  --c-line: #c6d7e1;
  --c-brand: #0d6378;
  --c-brand-strong: #094e5f;
  --c-on-brand: #ffffff;
  --c-accent: #f08c00;
  --c-on-accent: #2b1800;
  --c-dark: #032a4d;
  --c-on-dark: #eef4f8;
  --c-on-dark-soft: #a9c4d6;
  --c-focus: #0b57d0;
  --c-focus-on-dark: #ffc24d;
  --c-success: #136b3c;
  --c-danger: #b3261e;
  --c-mid: #266590;
  --c-note: #fff6e6;
  --c-note-line: #f0c178;

  /* type */
  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, Segoe UI, sans-serif;
  --fs-display: clamp(2.25rem, 1.6141rem + 2.8261vw, 3.875rem);
  --fs-h1: clamp(1.9375rem, 1.5217rem + 1.8478vw, 3rem);
  --fs-h2: clamp(1.625rem, 1.3804rem + 1.087vw, 2.25rem);
  --fs-h3: clamp(1.25rem, 1.2011rem + 0.2174vw, 1.375rem);
  --fs-h4: 1.125rem;
  --fs-lead: clamp(1.1875rem, 1.1386rem + 0.2174vw, 1.3125rem);
  --fs-body: 1.125rem;
  --fs-small: 1rem;
  --fs-eyebrow: 0.8125rem;
  --lh-tight: 1.06;
  --lh-heading: 1.18;
  --lh-body: 1.65;
  --fw-display: 700;
  --fw-heading: 700;
  --fw-body: 400;
  --fw-strong: 600;
  --ls-eyebrow: 0.1em;

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: 4.5rem;
  --gutter: 1.25rem;
  --container: 1200px;
  --container-narrow: 760px;

  /* shape */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(3,42,77,0.06), 0 2px 8px rgba(3,42,77,0.06);
  --shadow-2: 0 10px 30px rgba(3,42,77,0.12);
  --header-h: 76px;
}