/* Pen in Hand design tokens: brand v2 (navy, electric blue, lime). Primary buttons are blue with white Poppins 700 at 16px or larger (about 4.1:1, per the brief); text links use --color-link (#0B5BD3, 5.7:1 on the page background); lime is never used for text on a light background. Fonts are self-hosted (Poppins 700, Inter 400/600); there is no CDN at runtime. */
:root {
  --color-brand: #071321;
  --color-brand-dark: #020818;
  --color-brand-soft: #EAF2FF;
  --color-accent: #1677FF;
  --color-accent-soft: #D6E6FF;
  --color-on-brand: #FFFFFF;
  --color-on-accent: #FFFFFF;
  --color-lime: #78D900;
  --color-bg: #F5F8FC;
  --color-surface: #FFFFFF;
  --color-text: #344256;
  --color-text-muted: #344256;
  --color-text-on-dark: #E6EEF9;
  --color-border: #D5DFEC;
  --color-link: #0B5BD3;
  --color-focus: #1677FF;
  --color-success: #17803D;
  --color-warning: #8A4B00;
  --color-error: #B42318;
  --color-glow-blue: #1677FF66;
  --color-glow-lime: #78D90040;
  --font-heading: 'Poppins', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-heading-weight: 700;
  --text-xs: 0.8rem;
  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgb(7 19 33 / 0.08);
  --shadow-md: 0 8px 22px rgb(7 19 33 / 0.14);
  --container-max: 72rem;
}