/* Generated by scripts/build.py from design/tokens.yaml — do not edit. */

@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/fonts/SourceSerif4-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/fonts/SourceSerif4-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/fonts/SourceSerif4-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/fonts/SourceSerif4-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  --color-ink: #10222E;
  --color-deep: #0A3D5C;
  --color-water: #2A7FA9;
  --color-foam: #EAF4F8;
  --color-paper: #FFFFFF;
  --color-buoy: #E8622C;
  --color-buoy-deep: #C74E1F;
  --color-ok: #2E7D52;

  --text-body: var(--color-ink);
  --text-heading: var(--color-deep);
  --text-link: var(--color-water);
  --text-link-hover: var(--color-deep);
  --surface-page: var(--color-paper);
  --surface-alt: var(--color-foam);
  --surface-deep: var(--color-deep);
  --border-subtle: color-mix(in oklch, var(--color-water) 35%, var(--color-paper));
  --border-default: var(--color-water);
  --cta-bg: var(--color-buoy);
  --cta-bg-hover: var(--color-buoy-deep);
  --cta-text: var(--color-paper);
  --focus-ring: var(--color-water);

  --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --size-base: 18px;
  --size-label: 13px;
  --size--1: 14.4px;
  --size-0: 18px;
  --size-1: 22.5px;
  --size-2: 28.1px;
  --size-3: 35.2px;
  --size-4: 43.9px;
  --size-5: 54.9px;
  --size-6: 68.7px;
  --leading-tight: 1.15;
  --leading-heading: 1.25;
  --leading-body: 1.6;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 96px;

  --layout-page-max: 1120px;
  --layout-prose-max: 34rem;
  --layout-control-h: 48px;
  --layout-control-h-lg: 56px;
  --layout-header-offset: 96px;

  --radius-card: 12px;
  --radius-control: 8px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(16, 34, 46, .06), 0 8px 24px rgba(16, 34, 46, .06);
  --shadow-lifted: 0 2px 4px rgba(10, 34, 46, .2), 0 24px 48px rgba(10, 34, 46, .25);
  --shadow-cover: 0 24px 48px rgba(10, 34, 46, .45), 0 4px 12px rgba(10, 34, 46, .3);
}