[data-theme="dark-tech"] {
  --bg-primary: #0a0a0f;
  --bg-secondary: #12121a;
  --bg-card: #1a1a2e;
  --bg-input: #1e1e2e;
  --bg-hover: #2a2a3a;
  --border-subtle: rgba(255,255,255,0.06);
  --border-hover: rgba(255,255,255,0.12);
  --text-primary: #f0f0f5;
  --text-secondary: #8a8a9a;
  --text-muted: #555566;
  --accent: #6366f1;
  --accent-glow: rgba(99,102,241,0.25);
  --accent-secondary: #22d3ee;
  --accent-purple: #a855f7;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #f87171;
  --glow-1: radial-gradient(ellipse, rgba(99,102,241,0.08) 0%, transparent 70%);
  --glow-2: radial-gradient(ellipse, rgba(34,211,238,0.05) 0%, transparent 70%);
  --nav-bg: rgba(10,10,15,0.85);
  --card-shadow: 0 8px 32px rgba(0,0,0,0.3);
  --modal-overlay: rgba(0,0,0,0.6);
}

[data-theme="light-clean"] {
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-input: #f0f1f3;
  --bg-hover: #e8eaed;
  --border-subtle: rgba(0,0,0,0.08);
  --border-hover: rgba(0,0,0,0.15);
  --text-primary: #1a1a2e;
  --text-secondary: #5a5a6a;
  --text-muted: #9a9aaa;
  --accent: #2563eb;
  --accent-glow: rgba(37,99,235,0.2);
  --accent-secondary: #0891b2;
  --accent-purple: #7c3aed;
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
  --glow-1: radial-gradient(ellipse, rgba(37,99,235,0.05) 0%, transparent 70%);
  --glow-2: radial-gradient(ellipse, rgba(8,145,178,0.03) 0%, transparent 70%);
  --nav-bg: rgba(248,249,250,0.9);
  --card-shadow: 0 4px 20px rgba(0,0,0,0.08);
  --modal-overlay: rgba(0,0,0,0.4);
}

[data-theme="kids-color"] {
  --bg-primary: #fff8e7;
  --bg-secondary: #fffdf5;
  --bg-card: #ffffff;
  --bg-input: #fff5e6;
  --bg-hover: #ffe8d6;
  --border-subtle: rgba(255,107,107,0.15);
  --border-hover: rgba(255,107,107,0.3);
  --text-primary: #2d1b69;
  --text-secondary: #6b4ba3;
  --text-muted: #a88fcc;
  --accent: #ff6b6b;
  --accent-glow: rgba(255,107,107,0.2);
  --accent-secondary: #ffa94d;
  --accent-purple: #b197fc;
  --success: #51cf66;
  --warning: #fcc419;
  --danger: #ff6b6b;
  --glow-1: radial-gradient(ellipse, rgba(255,107,107,0.06) 0%, transparent 70%);
  --glow-2: radial-gradient(ellipse, rgba(255,169,77,0.05) 0%, transparent 70%);
  --nav-bg: rgba(255,248,231,0.9);
  --card-shadow: 0 4px 20px rgba(255,107,107,0.1);
  --modal-overlay: rgba(45,27,105,0.3);
}