:root {
  --afaik-ink: #142238;
  --afaik-blue: #2d68d7;
  --afaik-blue-hover: #2354b1;
  --afaik-blue-active: #1c438d;
  --afaik-blue-on-ink: #85abf7;
  --afaik-white: #ffffff;
  --afaik-mist: #f3f6fb;
  --afaik-blue-wash: #eaf0fc;
  --afaik-text: #242424;
  --afaik-muted: #526174;
  --afaik-line: #d7dfe9;
  --afaik-control: #748297;
  --afaik-success: #216544;
  --afaik-success-bg: #edf6f0;
  --afaik-warning: #805314;
  --afaik-warning-bg: #fff5df;
  --afaik-error: #a83434;
  --afaik-error-bg: #fff0ef;
  --afaik-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --afaik-font-display: Newsreader, Georgia, serif;
  --afaik-text-xs: .75rem;
  --afaik-text-sm: .875rem;
  --afaik-text-base: 1rem;
  --afaik-text-lead: clamp(1.125rem, 1rem + .4vw, 1.375rem);
  --afaik-text-h3: clamp(1.5rem, 1.25rem + .7vw, 2rem);
  --afaik-text-h2: clamp(2rem, 1.4rem + 1.8vw, 3.5rem);
  --afaik-text-h1: clamp(2.75rem, 1.6rem + 3.4vw, 5rem);
  --afaik-space-1: .25rem;
  --afaik-space-2: .5rem;
  --afaik-space-3: .75rem;
  --afaik-space-4: 1rem;
  --afaik-space-6: 1.5rem;
  --afaik-space-8: 2rem;
  --afaik-space-12: 3rem;
  --afaik-space-16: 4rem;
  --afaik-space-24: 6rem;
  --afaik-space-32: 8rem;
  --afaik-page-margin: 1.25rem;
  --afaik-grid-gap: 1rem;
  --afaik-grid-columns: 4;
  --afaik-container: 80rem;
  --afaik-reading: 42rem;
  --afaik-section-space: clamp(4rem, 2.5rem + 4vw, 8rem);
  --afaik-radius: .25rem;
  --afaik-shadow: 0 12px 40px rgb(20 34 56 / .08);
  --afaik-duration-fast: 160ms;
  --afaik-duration-normal: 240ms;
  --afaik-ease: cubic-bezier(.2,.7,.2,1);
}
@media (min-width: 640px) {
  :root { --afaik-page-margin: 2rem; --afaik-grid-gap: 1.5rem; --afaik-grid-columns: 8; }
}
@media (min-width: 1024px) {
  :root { --afaik-page-margin: 3rem; --afaik-grid-gap: 1.5rem; --afaik-grid-columns: 12; }
}
@media (min-width: 1440px) { :root { --afaik-grid-gap: 2rem; } }