/* AUTO-GENERATED by packages/design-tokens/scripts/build.ts — DO NOT EDIT BY HAND.
   Source: packages/design-tokens/src/tokens.ts
   Regenerate: pnpm tokens:build */

:root, [data-theme="light"] {
  --af-canvas: #fafafa;
  --af-surface: #ffffff;
  --af-surface-raised: #ffffff;
  --af-surface-sunken: #f4f4f5;
  --af-surface-overlay: #ffffff;
  --af-surface-inverse: #18181b;
  --af-text-primary: #18181b;
  --af-text-secondary: #52525b;
  --af-text-tertiary: #63636b;
  --af-text-inverse: #ffffff;
  --af-text-disabled: #a1a1aa;
  --af-text-link: #4f46e5;
  --af-border-subtle: #e4e4e7;
  --af-border-default: #d4d4d8;
  --af-border-strong: #a1a1aa;
  --af-border-focus: #6366f1;
  --af-brand-bg: #4f46e5;
  --af-brand-bg-hover: #4338ca;
  --af-brand-bg-pressed: #3730a3;
  --af-brand-fg: #ffffff;
  --af-brand-subtle: #eef2ff;
  --af-brand-subtle-fg: #4338ca;
  --af-accent-bg: #fbbf24;
  --af-accent-bg-hover: #f59e0b;
  --af-accent-fg: #78350f;
  --af-accent-subtle: #fffbeb;
  --af-success-bg: #059669;
  --af-success-subtle: #ecfdf5;
  --af-success-fg: #047857;
  --af-warning-bg: #eab308;
  --af-warning-subtle: #fefce8;
  --af-warning-fg: #a16207;
  --af-error-bg: #dc2626;
  --af-error-subtle: #fef2f2;
  --af-error-fg: #b91c1c;
  --af-info-bg: #2563eb;
  --af-info-subtle: #eff6ff;
  --af-info-fg: #1d4ed8;
  --af-skeleton: #e4e4e7;
  --af-skeleton-highlight: #f4f4f5;
  --af-scrim: rgba(9, 9, 11, 0.48);
  --af-selected-bg: #eef2ff;
  --af-selected-border: #6366f1;
}

:root {
  --af-font-display: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --af-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --af-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --af-text-display-2xl: 3.5rem;
  --af-leading-display-2xl: 1.05;
  --af-tracking-display-2xl: -0.02em;
  --af-weight-display-2xl: 700;
  --af-text-display-xl: 2.75rem;
  --af-leading-display-xl: 1.1;
  --af-tracking-display-xl: -0.02em;
  --af-weight-display-xl: 700;
  --af-text-display-lg: 2.25rem;
  --af-leading-display-lg: 1.15;
  --af-tracking-display-lg: -0.015em;
  --af-weight-display-lg: 700;
  --af-text-title-xl: 1.75rem;
  --af-leading-title-xl: 1.2;
  --af-tracking-title-xl: -0.01em;
  --af-weight-title-xl: 600;
  --af-text-title-lg: 1.375rem;
  --af-leading-title-lg: 1.25;
  --af-tracking-title-lg: -0.005em;
  --af-weight-title-lg: 600;
  --af-text-title-md: 1.125rem;
  --af-leading-title-md: 1.35;
  --af-tracking-title-md: 0;
  --af-weight-title-md: 600;
  --af-text-title-sm: 1rem;
  --af-leading-title-sm: 1.4;
  --af-tracking-title-sm: 0;
  --af-weight-title-sm: 600;
  --af-text-body-lg: 1.0625rem;
  --af-leading-body-lg: 1.6;
  --af-tracking-body-lg: 0;
  --af-weight-body-lg: 400;
  --af-text-body-md: 1rem;
  --af-leading-body-md: 1.6;
  --af-tracking-body-md: 0;
  --af-weight-body-md: 400;
  --af-text-body-sm: 0.875rem;
  --af-leading-body-sm: 1.55;
  --af-tracking-body-sm: 0.005em;
  --af-weight-body-sm: 400;
  --af-text-caption: 0.75rem;
  --af-leading-caption: 1.45;
  --af-tracking-caption: 0.01em;
  --af-weight-caption: 500;
  --af-text-overline: 0.6875rem;
  --af-leading-overline: 1.4;
  --af-tracking-overline: 0.08em;
  --af-weight-overline: 600;
  --af-space-0: 0;
  --af-space-1: 0.25rem;
  --af-space-2: 0.5rem;
  --af-space-3: 0.75rem;
  --af-space-4: 1rem;
  --af-space-5: 1.25rem;
  --af-space-6: 1.5rem;
  --af-space-7: 1.75rem;
  --af-space-8: 2rem;
  --af-space-10: 2.5rem;
  --af-space-12: 3rem;
  --af-space-14: 3.5rem;
  --af-space-16: 4rem;
  --af-space-20: 5rem;
  --af-space-24: 6rem;
  --af-space-28: 7rem;
  --af-space-32: 8rem;
  --af-space-px: 1px;
  --af-space-0_5: 0.125rem;
  --af-space-1_5: 0.375rem;
  --af-space-2_5: 0.625rem;
  --af-space-3_5: 0.875rem;
  --af-radius-none: 0;
  --af-radius-xs: 0.25rem;
  --af-radius-sm: 0.375rem;
  --af-radius-md: 0.5rem;
  --af-radius-lg: 0.75rem;
  --af-radius-xl: 1rem;
  --af-radius-2xl: 1.25rem;
  --af-radius-3xl: 1.75rem;
  --af-radius-full: 9999px;
  --af-shadow-none: none;
  --af-shadow-xs: 0 1px 2px 0 rgba(9, 9, 11, 0.05);
  --af-shadow-sm: 0 1px 3px 0 rgba(9, 9, 11, 0.08), 0 1px 2px -1px rgba(9, 9, 11, 0.06);
  --af-shadow-md: 0 4px 8px -2px rgba(9, 9, 11, 0.10), 0 2px 4px -2px rgba(9, 9, 11, 0.06);
  --af-shadow-lg: 0 12px 20px -6px rgba(9, 9, 11, 0.12), 0 4px 8px -4px rgba(9, 9, 11, 0.08);
  --af-shadow-xl: 0 24px 40px -12px rgba(9, 9, 11, 0.16), 0 8px 16px -8px rgba(9, 9, 11, 0.10);
  --af-shadow-overlay: 0 -8px 32px -8px rgba(9, 9, 11, 0.20), 0 8px 32px -8px rgba(9, 9, 11, 0.20);
  --af-shadow-brandGlow: 0 8px 24px -6px rgba(79, 70, 229, 0.45);
  --af-z-hide: -1;
  --af-z-base: 0;
  --af-z-docked: 10;
  --af-z-dropdown: 1000;
  --af-z-sticky: 1100;
  --af-z-overlay: 1300;
  --af-z-modal: 1400;
  --af-z-popover: 1500;
  --af-z-toast: 1700;
  --af-z-tooltip: 1800;
  --af-duration-instant: 50ms;
  --af-duration-fast: 120ms;
  --af-duration-normal: 200ms;
  --af-duration-slow: 320ms;
  --af-duration-slower: 480ms;
  --af-duration-loader: 1200ms;
  --af-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --af-ease-decelerate: cubic-bezier(0, 0, 0, 1);
  --af-ease-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --af-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --af-ease-linear: linear;
  --af-ease-ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  --af-bp-sm: 640px;
  --af-bp-md: 768px;
  --af-bp-lg: 1024px;
  --af-bp-xl: 1280px;
  --af-bp-2xl: 1536px;
  --af-container-sm: 640px;
  --af-container-md: 768px;
  --af-container-lg: 1024px;
  --af-container-xl: 1280px;
  --af-container-prose: 68ch;
  --af-touch-min: 44px;
  --af-touch-comfortable: 48px;
  --af-touch-large: 56px;
  --af-icon-xs: 12px;
  --af-icon-sm: 16px;
  --af-icon-md: 20px;
  --af-icon-lg: 24px;
  --af-icon-xl: 32px;
  --af-icon-2xl: 48px;
  --af-button-height-sm: 32px;
  --af-button-height-md: 44px;
  --af-button-height-lg: 48px;
  --af-button-height-xl: 56px;
  --af-input-height-sm: 36px;
  --af-input-height-md: 44px;
  --af-input-height-lg: 52px;
  --af-card-padding-sm: 12px;
  --af-card-padding-md: 16px;
  --af-card-padding-lg: 24px;
  --af-list-item-height-sm: 52px;
  --af-list-item-height-md: 64px;
  --af-list-item-height-lg: 76px;
  --af-avatar-size-xs: 20px;
  --af-avatar-size-sm: 28px;
  --af-avatar-size-md: 36px;
  --af-avatar-size-lg: 48px;
  --af-avatar-size-xl: 64px;
  --af-nav-bar-height-compact: 44px;
  --af-nav-bar-height-standard: 56px;
  --af-nav-bar-height-large: 96px;
  --af-focus-ring-width: 2px;
  --af-focus-ring-offset: 2px;
  --af-subject-math: #4f46e5;
  --af-subject-math-dark: #a5b4fc;
  --af-subject-physics: #0e7490;
  --af-subject-physics-dark: #67e8f9;
  --af-subject-chemistry: #c2410c;
  --af-subject-chemistry-dark: #fdba74;
  --af-subject-biology: #15803d;
  --af-subject-biology-dark: #86efac;
  --af-subject-history: #92400e;
  --af-subject-history-dark: #fcd34d;
  --af-subject-geography: #0f766e;
  --af-subject-geography-dark: #5eead4;
  --af-subject-english: #7e22ce;
  --af-subject-english-dark: #d8b4fe;
  --af-subject-cs: #475569;
  --af-subject-cs-dark: #cbd5e1;
}