:root {
  --c-primary: #2563FF;
  --c-primary-dark: #194AD1;
  --c-accent: #00D4FF;
  --c-accent-glow: rgba(0, 212, 255, 0.4);
  --g-brand: linear-gradient(135deg, #2563FF, #00D4FF);
  --g-brand-hover: linear-gradient(135deg, #194AD1, #00B5DB);

  /* Dark Mode Default */
  --c-bg: #070B1A;
  --c-bg-subtle: #0B1126;
  --c-surface: #0F1630;
  --c-surface-glass: rgba(15, 22, 48, 0.72);
  --c-surface-card: #131C3D;
  --c-surface-hover: #19254F;
  --c-border: rgba(255, 255, 255, 0.08);
  --c-border-strong: rgba(0, 212, 255, 0.28);

  --c-text: #E8EEFF;
  --c-text-muted: #8A96B8;
  --c-text-subtle: #5C6785;

  /* Status Colors */
  --c-success: #22D3A5;
  --c-success-glow: rgba(34, 211, 165, 0.35);
  --c-warning: #FFB020;
  --c-warning-glow: rgba(255, 176, 32, 0.35);
  --c-danger: #FF4D6D;
  --c-danger-glow: rgba(255, 77, 109, 0.35);

  --glow-brand: 0 0 24px rgba(0, 212, 255, 0.35);
  --glow-button: 0 0 16px rgba(37, 99, 255, 0.45);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.45);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.75);

  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-full: 9999px;

  --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --trans-fast: 150ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --trans-normal: 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --sidebar-w: 260px;
  --header-h: 64px;
  --bottom-nav-h: 68px;
}

[data-theme="light"] {
  --c-bg: #F4F7FC;
  --c-bg-subtle: #EAF0FA;
  --c-surface: #FFFFFF;
  --c-surface-glass: rgba(255, 255, 255, 0.88);
  --c-surface-card: #FFFFFF;
  --c-surface-hover: #F0F4FC;
  --c-border: rgba(15, 22, 48, 0.1);
  --c-border-strong: rgba(37, 99, 255, 0.35);

  --c-text: #0E162D;
  --c-text-muted: #55627E;
  --c-text-subtle: #8A96B8;

  --shadow-card: 0 8px 30px rgba(20, 30, 60, 0.08);
  --shadow-modal: 0 20px 50px rgba(20, 30, 60, 0.25);
}