/* Generated by implementation/generate_tokens.py. Edit tokens.json. */
:root {
  --an-color-ink: #0E0E0E;
  --an-color-panel: #161616;
  --an-color-panel-deep: #141414;
  --an-color-white: #FFFFFF;
  --an-color-gray-100: #D1D3D4;
  --an-color-gray-200: #A7A9AC;
  --an-color-gray-300: #9C9EA2;
  --an-color-gray-400: #8D8F92;
  --an-color-gray-500: #6D6E71;
  --an-color-lime: #C6F24E;
  --an-color-pink: #FF5EA3;
  --an-color-orange: #FF8A3D;
  --an-color-paper: #F3F0E8;
  --an-color-paper-muted: #595C56;
  --an-color-paper-accent: #345600;
  --an-color-rule-dark: #303030;
  --an-color-control-dark: #737578;
  --an-color-rule-paper: #D5D2C9;
  --an-color-control-paper: #777A72;
  --an-color-danger-dark: #FF9CAA;
  --an-color-danger-paper: #9D1834;
  --an-color-success-dark: #C6F24E;
  --an-color-success-paper: #345600;
  --an-space-0: 0px;
  --an-space-1: 4px;
  --an-space-2: 8px;
  --an-space-3: 12px;
  --an-space-4: 16px;
  --an-space-5: 20px;
  --an-space-6: 24px;
  --an-space-8: 32px;
  --an-space-10: 40px;
  --an-space-12: 48px;
  --an-space-16: 64px;
  --an-space-20: 80px;
  --an-space-24: 96px;
  --an-space-28: 112px;
  --an-space-32: 128px;
  --an-font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --an-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --an-text-xs: 0.75rem;
  --an-text-sm: 0.875rem;
  --an-text-base: clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);
  --an-text-lead: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --an-text-h3: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --an-text-h2: clamp(2rem, 1.2rem + 3vw, 3.5rem);
  --an-text-h1: clamp(2.5rem, 1.6rem + 3.2vw, 4.5rem);
  --an-text-hero: clamp(2.75rem, 1.65rem + 4.4vw, 5.5rem);
  --an-leading-tight: 1.03;
  --an-leading-heading: 1.12;
  --an-leading-body: 1.6;
  --an-tracking-hero: -0.045em;
  --an-tracking-heading: -0.03em;
  --an-tracking-label: 0.04em;
  --an-weight-regular: 400;
  --an-weight-medium: 500;
  --an-weight-semibold: 600;
  --an-weight-display: 800;
  --an-container: 1280px;
  --an-prose: 66ch;
  --an-page-pad: 20px;
  --an-grid-gap: 16px;
  --an-section-space: 64px;
  --an-header-height: 64px;
  --an-radius-sm: 4px;
  --an-radius-md: 8px;
  --an-radius-lg: 16px;
  --an-radius-pill: 999px;
  --an-control-height: 48px;
  --an-focus-width: 3px;
  --an-focus-offset: 4px;
  --an-border-width: 1px;
  --an-shadow-artifact: 0 20px 60px rgb(0 0 0 / 0.20);
  --an-shadow-overlay: 0 24px 80px rgb(0 0 0 / 0.32);
  --an-z-base: 0;
  --an-z-raised: 1;
  --an-z-sticky: 20;
  --an-z-menu: 30;
  --an-z-modal: 50;
  --an-z-skip: 60;
  --an-duration-micro: 120ms;
  --an-duration-control: 180ms;
  --an-duration-state: 280ms;
  --an-duration-artifact: 420ms;
  --an-duration-reduced: 0ms;
  --an-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --an-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --an-ease-linear: linear;
  --an-distance-reveal: 12px;
  --an-distance-hover: 4px;
}
:root, [data-an-theme="dark"] {
  --an-bg: var(--an-color-ink);
  --an-surface: var(--an-color-panel);
  --an-surface-deep: var(--an-color-panel-deep);
  --an-text: var(--an-color-white);
  --an-text-strong: var(--an-color-gray-100);
  --an-muted: var(--an-color-gray-200);
  --an-accent: var(--an-color-lime);
  --an-on-accent: var(--an-color-ink);
  --an-rule: var(--an-color-rule-dark);
  --an-control-border: var(--an-color-control-dark);
  --an-focus: var(--an-color-lime);
  --an-danger: var(--an-color-danger-dark);
  --an-success: var(--an-color-success-dark);
}
[data-an-theme="paper"] {
  --an-bg: var(--an-color-paper);
  --an-surface: var(--an-color-white);
  --an-surface-deep: var(--an-color-rule-paper);
  --an-text: var(--an-color-ink);
  --an-text-strong: var(--an-color-ink);
  --an-muted: var(--an-color-paper-muted);
  --an-accent: var(--an-color-paper-accent);
  --an-on-accent: var(--an-color-white);
  --an-rule: var(--an-color-rule-paper);
  --an-control-border: var(--an-color-control-paper);
  --an-focus: var(--an-color-paper-accent);
  --an-danger: var(--an-color-danger-paper);
  --an-success: var(--an-color-success-paper);
}
@media (min-width: 640px) {
  :root {
    --an-page-pad: 32px;
    --an-grid-gap: 20px;
    --an-section-space: 88px;
    --an-header-height: 72px;
  }
}
@media (min-width: 1024px) {
  :root {
    --an-page-pad: 64px;
    --an-grid-gap: 24px;
    --an-section-space: 112px;
    --an-header-height: 80px;
  }
}
@media (max-width: 359px) { :root { --an-page-pad: 16px; } }