:root {
  color-scheme: light;

  --font-sans: 'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', 'Roboto Mono', monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --elevation-1: 0 18px 40px rgba(15, 23, 42, 0.12);
  --elevation-2: 0 20px 60px rgba(15, 23, 42, 0.18);

  --color-bg: #05070d;
  --color-surface: rgba(15, 18, 28, 0.78);
  --color-surface-alt: rgba(22, 27, 40, 0.92);
  --color-border: rgba(148, 163, 184, 0.18);
  --color-border-strong: rgba(148, 163, 184, 0.32);
  --color-text: #e2e8f0;
  --color-text-muted: rgba(226, 232, 240, 0.72);
  --color-accent: #5a7dff;
  --color-accent-muted: rgba(90, 125, 255, 0.16);
  --color-success: #3ddc97;
  --color-warn: #f6ad55;
  --color-error: #f87171;
  --color-focus: rgba(90, 125, 255, 0.45);
  --color-backdrop: rgba(5, 8, 15, 0.72);
  --gradient-hero: radial-gradient(circle at top right, rgba(90, 125, 255, 0.32), transparent 60%);
  --gradient-card: linear-gradient(160deg, rgba(148, 163, 184, 0.08), rgba(148, 163, 184, 0));

  --aurexalgo-watermark: url('/static/img/aurexalgo-watermark.svg');

  --transition-fast: 120ms ease;
  --transition-medium: 220ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 420ms cubic-bezier(0.16, 1, 0.3, 1);

  --max-width: 1120px;
  --grid-gap: var(--space-7);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}