/* Generated from design-system/tokens.json. Source hash: e94a432c5471. Do not edit manually. */
:root {
  --colors-neutral-0:#ffffff;
  --colors-neutral-50:#fafafa;
  --colors-neutral-100:#f5f5f5;
  --colors-neutral-200:#e5e5e5;
  --colors-neutral-300:#d4d4d4;
  --colors-neutral-400:#a3a3a3;
  --colors-neutral-500:#737373;
  --colors-neutral-600:#525252;
  --colors-neutral-700:#404040;
  --colors-neutral-800:#262626;
  --colors-neutral-900:#171717;
  --colors-neutral-950:#0a0a0a;
  --colors-neutral-black:#000000;
  --colors-gold:#D4AF37;
  --colors-blue-50:#eff6ff;
  --colors-blue-100:#dbeafe;
  --colors-blue-400:#60a5fa;
  --colors-blue-600:#2563eb;
  --colors-purple-50:#faf5ff;
  --colors-purple-100:#f3e8ff;
  --colors-purple-400:#c084fc;
  --colors-purple-600:#9333ea;
  --colors-emerald-50:#ecfdf5;
  --colors-emerald-100:#d1fae5;
  --colors-emerald-600:#059669;
  --colors-green-50:#f0fdf4;
  --colors-green-200:#bbf7d0;
  --colors-green-400:#4ade80;
  --colors-green-500:#22c55e;
  --colors-green-700:#15803d;
  --colors-utility-red400:#f87171;
  --colors-utility-red500:#ef4444;
  --colors-utility-amber400:#fbbf24;
  --colors-utility-yellow500:#eab308;
  --semantic-colors-bg-page:var(--colors-neutral-0);
  --semantic-colors-bg-subtle:var(--colors-neutral-50);
  --semantic-colors-bg-muted:var(--colors-neutral-100);
  --semantic-colors-bg-inverse:var(--colors-neutral-900);
  --semantic-colors-surface-card:var(--colors-neutral-0);
  --semantic-colors-surface-well:var(--colors-neutral-100);
  --semantic-colors-surface-code:var(--colors-neutral-900);
  --semantic-colors-text-strong:var(--colors-neutral-black);
  --semantic-colors-text-heading:var(--colors-neutral-900);
  --semantic-colors-text-body:var(--colors-neutral-600);
  --semantic-colors-text-muted:var(--colors-neutral-500);
  --semantic-colors-text-subtle:var(--colors-neutral-400);
  --semantic-colors-text-inverse:var(--colors-neutral-0);
  --semantic-colors-border-hairline:var(--colors-neutral-100);
  --semantic-colors-border-default:var(--colors-neutral-200);
  --semantic-colors-border-strong:var(--colors-neutral-400);
  --semantic-colors-border-ink:var(--colors-neutral-black);
  --semantic-colors-action-primary-bg:var(--colors-neutral-900);
  --semantic-colors-action-primary-hover:var(--colors-neutral-800);
  --semantic-colors-action-primary-fg:var(--colors-neutral-0);
  --semantic-colors-link-hover:var(--colors-blue-600);
  --semantic-colors-status-success-bg:var(--colors-green-50);
  --semantic-colors-status-success-fg:var(--colors-green-700);
  --semantic-colors-status-success-border:var(--colors-green-200);
  --semantic-colors-status-success-dot:var(--colors-green-500);
  --typography-font-families-sans:Geist, Arial, sans-serif;
  --typography-font-families-mono:'Geist Mono', 'Courier New', monospace;
  --typography-font-sizes-10:10px;
  --typography-font-sizes-xs:12px;
  --typography-font-sizes-sm:14px;
  --typography-font-sizes-base:16px;
  --typography-font-sizes-lg:18px;
  --typography-font-sizes-xl:20px;
  --typography-font-sizes-2xl:24px;
  --typography-font-sizes-3xl:30px;
  --typography-font-sizes-4xl:36px;
  --typography-font-sizes-5xl:48px;
  --typography-font-sizes-7xl:72px;
  --typography-font-sizes-8xl:96px;
  --typography-font-weights-regular:400;
  --typography-font-weights-medium:500;
  --typography-font-weights-semibold:600;
  --typography-font-weights-bold:700;
  --typography-line-heights-display:0.85;
  --typography-line-heights-tight:1.25;
  --typography-line-heights-snug:1.333;
  --typography-line-heights-normal:1.5;
  --typography-line-heights-relaxed:1.625;
  --typography-letter-spacing-tighter:-0.05em;
  --typography-letter-spacing-tight:-0.025em;
  --typography-letter-spacing-normal:0;
  --typography-letter-spacing-wide:0.025em;
  --typography-letter-spacing-widest:0.1em;
  --typography-roles-display-family:sans;
  --typography-roles-display-size:8xl;
  --typography-roles-display-weight:semibold;
  --typography-roles-display-line-height:display;
  --typography-roles-display-letter-spacing:tighter;
  --typography-roles-heading-family:sans;
  --typography-roles-heading-weight:semibold;
  --typography-roles-heading-letter-spacing:tight;
  --typography-roles-body-family:sans;
  --typography-roles-body-size:base;
  --typography-roles-body-line-height:relaxed;
  --typography-roles-technical-family:mono;
  --typography-roles-technical-size:sm;
  --typography-roles-technical-line-height:relaxed;
  --typography-roles-eyebrow-family:mono;
  --typography-roles-eyebrow-size:xs;
  --typography-roles-eyebrow-weight:bold;
  --typography-roles-eyebrow-letter-spacing:widest;
  --spacing-1:4px;
  --spacing-2:8px;
  --spacing-3:12px;
  --spacing-4:16px;
  --spacing-6:24px;
  --spacing-8:32px;
  --spacing-10:40px;
  --spacing-12:48px;
  --spacing-16:64px;
  --spacing-20:80px;
  --spacing-24:96px;
  --spacing-0-5:2px;
  --spacing-1-5:6px;
  --sizing-icon-sm:14px;
  --sizing-icon-default:16px;
  --sizing-icon-lg:24px;
  --sizing-control:36px;
  --sizing-side-rail:88px;
  --borders-hairline:1px;
  --borders-strong:1px;
  --radii-sm:4px;
  --radii-md:8px;
  --radii-lg:12px;
  --radii-xl:16px;
  --radii-full:9999px;
  --radii-button:var(--radii-md);
  --radii-card:var(--radii-xl);
  --radii-media:var(--radii-lg);
  --shadows-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadows-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadows-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadows-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --opacity-disabled:0.45;
  --opacity-muted:0.72;
  --opacity-image-rest:0.9;
  --motion-durations-fast:150ms;
  --motion-durations-base:300ms;
  --motion-durations-slow:500ms;
  --motion-durations-slower:700ms;
  --motion-durations-hero-focus-cycle:1200ms;
  --motion-easing-standard:cubic-bezier(0.4, 0, 0.2, 1);
  --motion-hover-lift:-8px;
  --z-index-base:0;
  --z-index-content:1;
  --z-index-sticky:20;
  --z-index-modal:100;
  --z-index-skip-link:110;
  --breakpoints-mobile:0px;
  --breakpoints-tablet:720px;
  --breakpoints-desktop:980px;
  --breakpoints-wide:1280px;
  --containers-hero:1400px;
  --containers-content:1152px;
  --containers-narrow:896px;
  --containers-prose:672px;
  --containers-wide-media:896px;
  --layout-gutter-mobile:24px;
  --layout-gutter-tablet:32px;
  --layout-gutter-desktop:32px;
  --layout-section-y:96px;
  --layout-section-y-mobile:64px;
  --layout-grid-columns:12;
  --layout-grid-gap:32px;
  --layout-grid-gap-mobile:16px;
  --font-sans:var(--typography-font-families-sans);
  --font-mono:var(--typography-font-families-mono);
  --neutral-0:var(--colors-neutral-0);
  --neutral-50:var(--colors-neutral-50);
  --neutral-100:var(--colors-neutral-100);
  --neutral-200:var(--colors-neutral-200);
  --neutral-300:var(--colors-neutral-300);
  --neutral-400:var(--colors-neutral-400);
  --neutral-500:var(--colors-neutral-500);
  --neutral-600:var(--colors-neutral-600);
  --neutral-700:var(--colors-neutral-700);
  --neutral-800:var(--colors-neutral-800);
  --neutral-900:var(--colors-neutral-900);
  --neutral-950:var(--colors-neutral-950);
  --black:var(--colors-neutral-black);
  --gold:var(--colors-gold);
  --ease:var(--motion-easing-standard);
  --radius-sm:var(--radii-sm);
  --radius-md:var(--radii-md);
  --radius-lg:var(--radii-lg);
  --radius-xl:var(--radii-xl);
  --radius-full:var(--radii-full);
  --shadow-sm:var(--shadows-sm);
  --shadow-md:var(--shadows-md);
  --shadow-lg:var(--shadows-lg);
  --shadow-xl:var(--shadows-xl);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-0-5:2px;
  --space-1-5:6px;
  --text-10:10px;
  --text-xs:12px;
  --text-sm:14px;
  --text-base:16px;
  --text-lg:18px;
  --text-xl:20px;
  --text-2xl:24px;
  --text-3xl:30px;
  --text-4xl:36px;
  --text-5xl:48px;
  --text-7xl:72px;
  --text-8xl:96px;
  --blue-50:#eff6ff;
  --blue-100:#dbeafe;
  --blue-400:#60a5fa;
  --blue-600:#2563eb;
  --purple-50:#faf5ff;
  --purple-100:#f3e8ff;
  --purple-400:#c084fc;
  --purple-600:#9333ea;
  --emerald-50:#ecfdf5;
  --emerald-100:#d1fae5;
  --emerald-600:#059669;
  --green-50:#f0fdf4;
  --green-200:#bbf7d0;
  --green-400:#4ade80;
  --green-500:#22c55e;
  --green-700:#15803d;
  --utility-red400:#f87171;
  --utility-red500:#ef4444;
  --utility-amber400:#fbbf24;
  --utility-yellow500:#eab308;
}
