:root[data-theme="dark"] {
  --bg-color: #0f172a;
  --text-color: #f1f5f9;
  --card-bg: #1e293b;
  --form-bg: #334155;
  --border-color: #475569;
  --link-color: #60a5fa;
}

:root[data-theme="light"] {
  --bg-color: #f9fafb;
  --text-color: #1f2937;
  --card-bg: #ffffff;
  --form-bg: #ffffff;
  --border-color: #cbd5e1;
  --link-color: #3b82f6;
}