:root {
  color-scheme: light;
  --atlas-font-display: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --atlas-font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --atlas-bg: #f3f6fb;
  --atlas-bg-elevated: #f8faff;
  --atlas-surface: #ffffff;
  --atlas-surface-soft: #f6f8fc;
  --atlas-surface-inverse: #0d1730;
  --atlas-graphite-950: #121418;
  --atlas-graphite-900: #1d2127;
  --atlas-graphite-800: #2b3139;
  --atlas-graphite-700: #414955;
  --atlas-graphite-600: #596474;
  --atlas-graphite-500: #75808f;
  --atlas-graphite-300: #c8ced6;
  --atlas-graphite-200: #dce0e5;
  --atlas-graphite-100: #eceff2;
  --atlas-titanium: #aeb6c1;
  --atlas-blue-700: #174da6;
  --atlas-blue-600: #2563d9;
  --atlas-blue-100: #e8f0ff;
  --atlas-green-700: #13744b;
  --atlas-green-600: #1a8a5b;
  --atlas-green-100: #e4f6ed;
  --atlas-amber-700: #93630c;
  --atlas-amber-600: #b87a08;
  --atlas-amber-100: #fff3d5;
  --atlas-red-700: #a72c35;
  --atlas-red-600: #c73b45;
  --atlas-red-100: #fdebec;
  --atlas-purple-700: #6338a2;
  --atlas-purple-100: #f0e9fb;
  --atlas-border: rgba(34, 55, 89, 0.11);
  --atlas-border-strong: rgba(34, 55, 89, 0.2);
  --atlas-shadow-xs: 0 2px 6px rgba(24, 43, 76, 0.055);
  --atlas-shadow-sm: 0 12px 32px rgba(24, 43, 76, 0.09);
  --atlas-shadow-md: 0 24px 64px rgba(24, 43, 76, 0.13);
  --atlas-shadow-focus: 0 0 0 4px rgba(37, 99, 217, 0.18);
  --atlas-radius-sm: 10px;
  --atlas-radius-md: 16px;
  --atlas-radius-lg: 24px;
  --atlas-radius-xl: 34px;
  --atlas-space-1: 4px;
  --atlas-space-2: 8px;
  --atlas-space-3: 12px;
  --atlas-space-4: 16px;
  --atlas-space-5: 20px;
  --atlas-space-6: 24px;
  --atlas-space-8: 32px;
  --atlas-space-10: 40px;
  --atlas-space-12: 48px;
  --atlas-control-height: 48px;
  --atlas-motion-fast: 150ms cubic-bezier(.2,.8,.2,1);
  --atlas-motion-base: 240ms cubic-bezier(.2,.8,.2,1);
  --atlas-content-max: 1480px;
}