/* ============================================
   UnderKurrent Theme System
   Each theme is activated via [data-theme="name"]
   ============================================ */

/* ---------- Default Theme ---------- */
[data-theme="default"] {
  --primary: #1e40af;
  --primary-hover: #1e3a8a;
  --primary-light: #dbeafe;
  --secondary: #0f766e;
  --secondary-hover: #115e59;
  --secondary-light: #ccfbf1;
  --accent: #dc2626;
  --accent-hover: #b91c1c;
  --accent-light: #fee2e2;
  --bg: #f9fafb;
  --surface: #ffffff;
  --surface-hover: #f3f4f6;
  --text: #111827;
  --text-muted: #6b7280;
  --text-inverse: #ffffff;
  --border: #e5e7eb;
  --header-bg: #ffffff;
  --header-text: #374151;
  --header-text-hover: #111827;
  --footer-bg: #1f2937;
  --footer-text: #ffffff;
  --footer-text-muted: #9ca3af;
  --success: #059669;
  --warning: #d97706;
  --error: #dc2626;
  --info: #2563eb;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --radius: 0.375rem;
  --radius-lg: 0.5rem;
}

/* ---------- Dark Theme ---------- */
[data-theme="dark"] {
  --primary: #60a5fa;
  --primary-hover: #93c5fd;
  --primary-light: #1e3a5f;
  --secondary: #2dd4bf;
  --secondary-hover: #5eead4;
  --secondary-light: #134e4a;
  --accent: #f87171;
  --accent-hover: #fca5a5;
  --accent-light: #7f1d1d;
  --bg: #0f172a;
  --surface: #1e293b;
  --surface-hover: #334155;
  --text: #f1f5f9;
  --text-muted: #94a3b8;
  --text-inverse: #0f172a;
  --border: #334155;
  --header-bg: #1e293b;
  --header-text: #e2e8f0;
  --header-text-hover: #f8fafc;
  --footer-bg: #020617;
  --footer-text: #e2e8f0;
  --footer-text-muted: #64748b;
  --success: #34d399;
  --warning: #fbbf24;
  --error: #f87171;
  --info: #60a5fa;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  --radius: 0.375rem;
  --radius-lg: 0.5rem;
}

/* ---------- Ocean Theme ---------- */
[data-theme="ocean"] {
  --primary: #0891b2;
  --primary-hover: #06b6d4;
  --primary-light: #cffafe;
  --secondary: #7c3aed;
  --secondary-hover: #8b5cf6;
  --secondary-light: #ede9fe;
  --accent: #f59e0b;
  --accent-hover: #fbbf24;
  --accent-light: #fef3c7;
  --bg: #f0f9ff;
  --surface: #ffffff;
  --surface-hover: #e0f2fe;
  --text: #0c4a6e;
  --text-muted: #64748b;
  --text-inverse: #ffffff;
  --border: #bae6fd;
  --header-bg: #0c4a6e;
  --header-text: #e0f2fe;
  --header-text-hover: #ffffff;
  --footer-bg: #082f49;
  --footer-text: #e0f2fe;
  --footer-text-muted: #7dd3fc;
  --success: #059669;
  --warning: #d97706;
  --error: #dc2626;
  --info: #0284c7;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --radius: 0.5rem;
  --radius-lg: 0.75rem;
}

/* ---------- Forest Theme ---------- */
[data-theme="forest"] {
  --primary: #16a34a;
  --primary-hover: #22c55e;
  --primary-light: #dcfce7;
  --secondary: #8b5cf6;
  --secondary-hover: #a78bfa;
  --secondary-light: #ede9fe;
  --accent: #eab308;
  --accent-hover: #facc15;
  --accent-light: #fef9c3;
  --bg: #f0fdf4;
  --surface: #ffffff;
  --surface-hover: #dcfce7;
  --text: #14532d;
  --text-muted: #6b7280;
  --text-inverse: #ffffff;
  --border: #bbf7d0;
  --header-bg: #14532d;
  --header-text: #dcfce7;
  --header-text-hover: #ffffff;
  --footer-bg: #052e16;
  --footer-text: #dcfce7;
  --footer-text-muted: #86efac;
  --success: #16a34a;
  --warning: #ca8a04;
  --error: #dc2626;
  --info: #2563eb;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --radius: 0.375rem;
  --radius-lg: 0.5rem;
}