@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url('/fonts/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/notosans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2122, U+2212, U+FEFF, U+FFFD;
}

:root {
  --paper:      oklch(0.992 0.004 258);
  --paper-soft: oklch(0.974 0.006 258);
  --paper-tint: oklch(0.962 0.018 256);
  --ink:        oklch(0.225 0.030 262);
  --ink-2:      oklch(0.520 0.024 258);
  --ink-3:      oklch(0.660 0.018 258);
  --line:       oklch(0.905 0.010 258);
  --line-soft:  oklch(0.945 0.008 258);

  --brand:        #2F6DBF;
  --brand-strong: #2558A0;
  --brand-deep:   #153367;
  --brand-tint:   #EEF4FB;
  --teal:         #0D9488;
  --teal-deep:    #0B7C72;

  --maxw: 1320px;
  --gut: clamp(20px, 5vw, 64px);

  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 18px 38px -22px rgba(21, 51, 103, 0.20);

  --font-head: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Noto Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}