:root {
  /* Color Palette - Professional Light Theme */
  --color-bg: #ffffff;
  /* Pure White */
  --color-surface: #f8fafc;
  /* Slate 50 - Light gray */
  --color-surface-2: #e2e8f0;
  /* Slate 200 */
  --color-text: #0f172a;
  /* Slate 900 - Darker text for contrast */
  --color-text-muted: #1e293b;
  /* Slate 800 - Much darker for better readability */

  /* Brand Colors - Professional Blue */
  --color-primary: #2563eb;
  /* Blue 600 */
  --color-primary-glow: rgba(37, 99, 235, 0.3);
  --color-accent: #f59e0b;
  /* Amber 500 */
  --color-secondary: #7c3aed;
  /* Violet 600 */

  /* Gradients */
  --gradient-main: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  --gradient-text: linear-gradient(to right, #2563eb, #7c3aed, #db2777);

  /* Typography */
  --font-display: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing & Layout */
  --container-width: 1200px;
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Animation defaults */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Light Mode Overrides (if implemented later, for now we stick to Dark Premium) */
[data-theme="light"] {
  --color-bg: #ffffff;
  --color-surface: #f8fafc;
  --color-text: #0f172a;
  --color-text-muted: #64748b;
}