:root {
  --aw-bg-base: #F4F5F7;
  --aw-bg-surface: #FFFFFF;
  --aw-bg-muted: #EEF0F3;
  --aw-border-subtle: #D8DCE3;

  --aw-text-primary: #0F172A;
  --aw-text-secondary: #475569;
  --aw-text-muted: #64748B;

  --aw-bg-dark: #0B1220;
  --aw-bg-dark-2: #111827;
  --aw-bg-gradient: linear-gradient(135deg, #0B1220, #1F2937);
  --aw-text-on-dark: #E5E7EB;
  --aw-text-on-dark-muted: #9CA3AF;

  --aw-accent: #6366F1;
  --aw-accent-hover: #4F46E5;
  --aw-accent-soft: rgba(99, 102, 241, 0.12);
  --aw-accent-25: #EEF2FF;
  --aw-accent-50: #E0E7FF;
  --aw-accent-100: #C7D2FE;
  --aw-accent-200: #A5B4FC;
  --aw-accent-600: #4F46E5;
  --aw-accent-700: #4338CA;
  --aw-accent-800: #3730A3;

  --aw-success: #22C55E;
  --aw-warning: #F59E0B;
  --aw-danger: #EF4444;

  --aw-radius-sm: 6px;
  --aw-radius-md: 10px;
  --aw-radius-lg: 12px;
  --aw-radius-xl: 16px;

  --aw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --aw-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --aw-shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);
  --aw-shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  --aw-shadow-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.05);

  --aw-transition-fast: 150ms ease;
  --aw-transition-normal: 200ms ease;
}

[data-aw-theme="dark"] {
  --aw-bg-base: #0B1220;
  --aw-bg-surface: #111827;
  --aw-bg-muted: #0F172A;
  --aw-border-subtle: rgba(255, 255, 255, 0.1);

  --aw-text-primary: #E5E7EB;
  --aw-text-secondary: #9CA3AF;
  --aw-text-muted: #9CA3AF;

  --aw-accent-soft: rgba(99, 102, 241, 0.2);
}