:root {
  color-scheme: dark;

  --bg-primary: #050816;
  --bg-secondary: #0b1220;
  --bg-tertiary: #07111f;
  --bg-surface: rgba(255, 255, 255, 0.04);
  --bg-surface-strong: rgba(255, 255, 255, 0.07);

  --border-primary: rgba(255, 255, 255, 0.08);
  --border-secondary: rgba(255, 255, 255, 0.12);
  --border-hover: rgba(37, 99, 235, 0.3);

  --text-primary: #ffffff;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;

  --brand-primary: #2563eb;
  --brand-secondary: #1e40af;
  --brand-deep: #123f6b;
  --brand-light: #60a5fa;

  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 999px;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-120: 120px;

  --container-sm: 768px;
  --container-md: 1024px;
  --container-lg: 1280px;
  --container-xl: 1440px;
  --text-width: 700px;

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-caption: 0.875rem;
  --text-small: 1rem;
  --text-body: 1.125rem;
  --text-card-title: 1.5rem;
  --text-section-title: 3rem;
  --text-hero: 4.5rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-hero: 1.1;
  --leading-heading: 1.2;
  --leading-body: 1.7;

  --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.15);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.2);
  --shadow-button: 0 8px 24px rgba(37, 99, 235, 0.2);

  --blur-glass: 20px;
  --blur-background: 80px;

  --transition-fast: 200ms ease-out;
  --transition-normal: 300ms ease-out;
  --transition-slow: 500ms ease-out;

  --header-height: 80px;
  --button-height: 56px;
  --input-height: 56px;
}