/* light-theme.css */
:root[data-theme="light"] {
  /* Default light theme will be overridden by JS */
  --primary-color: #6366f1;
  --primary-contrast: #ffffff;
  --primary-shade: #4f46e5;
  --primary-tint: #818cf8;

  --secondary-color: #0ea5e9;
  --secondary-contrast: #ffffff;
  --secondary-shade: #0284c7;
  --secondary-tint: #38bdf8;

  --tertiary-color: #8b5cf6;
  --tertiary-contrast: #ffffff;
  --tertiary-shade: #7c3aed;
  --tertiary-tint: #a78bfa;

  --success-color: #10b981;
  --success-contrast: #ffffff;
  --success-shade: #059669;
  --success-tint: #34d399;

  --warning-color: #f59e0b;
  --warning-contrast: #000000;
  --warning-shade: #d97706;
  --warning-tint: #fbbf24;

  --danger-color: #dc2626;
  --danger-contrast: #ffffff;
  --danger-shade: #b91c1c;
  --danger-tint: #ef4444;

  --dark-color: #1e293b;
  --dark-contrast: #ffffff;
  --dark-shade: #0f172a;
  --dark-tint: #334155;

  --medium-color: #64748b;
  --medium-contrast: #000000;
  --medium-shade: #475569;
  --medium-tint: #94a3b8;

  --light-color: #f8fafc;
  --light-contrast: #000000;
  --light-shade: #f1f5f9;
  --light-tint: #ffffff;

  --bg-color: #cee9ff;
  --text-color: #1e293b;
  --card-bg: #f9f9f9;
  --border-color: #e2e8f0;
  --box-shadow: 0 8px 25px rgba(99, 102, 241, 0.15);
  --light-box-shadow: 0 2px 4px rgba(99, 102, 241, 0.1);

--logo-grayscale-filter: grayscale(100%) contrast(0.95) brightness(1.05),
--logo-grayscale-hover: grayscale(50%),
}