/* CSS Variables: colors, fonts, shadows */
:root{
  --bg-primary:#f9fafb;
  --bg-card:#ffffff;
  --bg-nav:#ffffff;
  --text-primary:#1f2937;
  --text-secondary:#6b7280;
  --border-color:#e5e7eb;
  --shadow:0 2px 8px rgba(0,0,0,0.08);
}

[data-theme="dark"]{
  --bg-primary:#0f172a;
  --bg-card:#1e293b;
  --bg-nav:#1e293b;
  --text-primary:#f1f5f9;
  --text-secondary:#94a3b8;
  --border-color:#334155;
  --shadow:0 2px 8px rgba(0,0,0,0.3);
}