/* ============================================
   LIGHT THEME
   Override dark defaults for light mode
   ============================================ */

body.light-theme {
  --bg-primary: #f8f8f8;
  --bg-secondary: #f0f0f0;
  --bg-tertiary: #ffffff;
  --bg-elevated: #ffffff;
  --bg-card: rgba(255, 255, 255, 0.9);

  --text-primary: #0a0a0b;
  --text-secondary: #404040;
  --text-muted: #6b6b6b;
  --text-inverse: #f5f5f5;

  --border-color: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.15);

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-base: 0 4px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.15);

  --input-bg: rgba(255, 255, 255, 0.8);
  --card-bg: rgba(255, 255, 255, 0.95);
  --header-bg-scrolled: rgba(248, 248, 248, 0.9);

  --hero-overlay: rgba(255, 255, 255, 0.65);
}