:root {
  /* Premium Dark/Light Harmonious Palette */
  --primary-color: #6366f1;      /* Indigo */
  --primary-hover: #4f46e5;
  --primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  --secondary-color: #64748b;    /* Slate Gray */
  --success-color: #10b981;      /* Emerald Green */
  --danger-color: #ef4444;       /* Coral Red */
  --warning-color: #f59e0b;      /* Amber */
  --info-color: #06b6d4;         /* Cyan */
  
  /* Backgrounds & Text */
  --background-color: #f8fafc;
  --card-background: rgba(255, 255, 255, 0.8);
  --card-border: rgba(226, 232, 240, 0.7);
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  
  /* Borders & Inputs */
  --border-color: #e2e8f0;
  --input-focus-border: #818cf8;
  --input-focus-shadow: rgba(99, 102, 241, 0.12);
  
  /* Dimensions & Spacing */
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
  --border-radius-lg: 24px;
  --border-radius-pill: 9999px;
  
  /* Soft indigo-tinted elevations */
  --shadow-sm: 0 2px 8px -1px rgba(99, 102, 241, 0.05);
  --shadow-md: 0 10px 20px -5px rgba(99, 102, 241, 0.08), 0 4px 8px -4px rgba(99, 102, 241, 0.04);
  --shadow-lg: 0 20px 32px -8px rgba(99, 102, 241, 0.12), 0 8px 16px -8px rgba(0, 0, 0, 0.05);
  --shadow-premium: 0 25px 50px -12px rgba(99, 102, 241, 0.18);

  /* Transitions */
  --transition-fast: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Mode Theme overrides */
[data-theme="dark"] {
  --background-color: #080c14;
  --card-background: rgba(15, 23, 42, 0.75);
  --card-border: rgba(30, 41, 59, 0.8);
  --text-primary: #f9fafb;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border-color: #1e293b;
  --input-focus-border: #818cf8;
  --input-focus-shadow: rgba(99, 102, 241, 0.25);
  --shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 10px 20px -5px rgba(0, 0, 0, 0.35), 0 4px 8px -4px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 20px 32px -8px rgba(0, 0, 0, 0.45), 0 8px 16px -8px rgba(0, 0, 0, 0.35);
  --shadow-premium: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}