body.theme-light {
  --bg-primary: #ffffff;
  --bg-surface: #f3f4f6;
  --bg-elevated: #ffffff;

  --text-primary: #111827;
  --text-secondary: #6b7280;

  --accent: #2563eb;
  --accent-hover: #1d4ed8;

  --border-color: #e5e7eb;
}

body.theme-ocean {
  --bg-primary: #0f172a;
  --bg-surface: #1e293b;
  --bg-elevated: #1f2937;

  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;

  --accent: #38bdf8;
  --accent-hover: #0ea5e9;

  --border-color: #334155;
}

body.theme-professional {
  --bg-primary: #111827;
  --bg-surface: #1f2937;
  --bg-elevated: #273449;

  --text-primary: #f9fafb;
  --text-secondary: #9ca3af;

  --accent: #6366f1;
  --accent-hover: #4f46e5;

  --border-color: #374151;
}