/* Aetheris — generated by scripts/build.js. Do not edit by hand. */
/* source: aetheris/Aetheris · docs/design-system.md · src/design/tokens.rs · dist/assets/css/styleguide.css */
:root {
  --ax-accent-hue: #FF6901;
  --ax-accent: #FF6901;
  --ax-accent-hover: #E05A00;
  --ax-accent-glow: rgba(255, 105, 1, 0.25);
  --ax-accent-subtle: rgba(255, 105, 1, 0.12);
  --ax-bg: #0B0D0E;
  --ax-bg-subtle: #121415;
  --ax-surface-1: #14171A;
  --ax-surface-2: #1B2024;
  --ax-surface-3: #242B30;
  --ax-surface-elevated: #2A3238;
  --ax-border-subdued: #222425;
  --ax-border: #2A333C;
  --ax-border-strong: #4c4e4f;
  --ax-border-hover: #5f6162;
  --ax-text-1: #F4F5F6;
  --ax-text-2: #8E98A3;
  --ax-text-3: #58636E;
  --ax-text-inverse: #0B0D0E;
  --ax-success: #10B981;
  --ax-success-glow: rgba(16, 185, 129, 0.2);
  --ax-warning: #F59E0B;
  --ax-warning-glow: rgba(245, 158, 11, 0.2);
  --ax-danger: #EF4444;
  --ax-danger-glow: rgba(239, 68, 68, 0.2);
  --ax-info: #0EA5E9;
  --ax-info-glow: rgba(14, 165, 233, 0.2);
  --font-sans: 'archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'darkerGrotesque', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'berkeleyMono', 'SFMono-Regular', Consolas, Menlo, monospace;
  --font-numerals: 'berkeleyMonoNumerals', var(--font-mono);
  --space-0-5x: 2px;
  --space-1x: 4px;
  --space-2x: 8px;
  --space-3x: 12px;
  --space-4x: 16px;
  --space-5x: 20px;
  --space-6x: 24px;
  --space-8x: 32px;
  --space-10x: 40px;
  --space-12x: 48px;
  --space-16x: 64px;
  --space-20x: 80px;
  --space-24x: 96px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 24px var(--ax-accent-glow);
  --shadow-glowLg: 0 0 48px rgba(255, 105, 1, 0.35);
  --transition-fast: 0.15s cubic-bezier(0.2, 0, 0, 1);
  --transition-normal: 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-theme="light"] {
  --ax-accent: #FF6901;
  --ax-accent-hover: #E05A00;
  --ax-accent-glow: rgba(255, 105, 1, 0.18);
  --ax-accent-subtle: rgba(255, 105, 1, 0.1);
  --ax-bg: #F7F8F9;
  --ax-bg-subtle: #EEF0F2;
  --ax-surface-1: #FFFFFF;
  --ax-surface-2: #F0F2F5;
  --ax-surface-3: #E4E7EB;
  --ax-surface-elevated: #FFFFFF;
  --ax-border-subdued: #E5E8EB;
  --ax-border: #D1D6DC;
  --ax-border-strong: #9BA3AE;
  --ax-border-hover: #7C8794;
  --ax-text-1: #111417;
  --ax-text-2: #4B5563;
  --ax-text-3: #8C96A3;
  --ax-text-inverse: #FFFFFF;
  --ax-success: #10B981;
  --ax-success-glow: rgba(16, 185, 129, 0.16);
  --ax-warning: #F59E0B;
  --ax-warning-glow: rgba(245, 158, 11, 0.16);
  --ax-danger: #EF4444;
  --ax-danger-glow: rgba(239, 68, 68, 0.16);
  --ax-info: #0EA5E9;
  --ax-info-glow: rgba(14, 165, 233, 0.16);
}