/* ============================================================
   BUILDYBOT — 10 COLOR THEMES
   Each theme sets CSS custom properties on [data-theme="name"].
   Themes are purely color — no border-radius, shadows, etc.
   ============================================================ */

/* 1 — Ocean Blue */
[data-theme="ocean"] {
  --primary: #0d6efd;
  --primary-hover: #0a58ca;
  --primary-rgb: 13, 110, 253;
  --secondary: #0dcaf0;
  --secondary-hover: #0aa2c0;
  --accent: #6610f2;
  --bg: #f0f6ff;
  --bg-alt: #dbe8fc;
  --surface: #ffffff;
  --surface-alt: #e8f0fe;
  --nav-bg: #0b3d91;
  --nav-text: #ffffff;
  --text: #1a1a2e;
  --text-muted: #5a6a85;
  --border-color: #b6d4fe;
  --success: #198754;
  --danger: #dc3545;
  --warning: #ffc107;
  --footer-bg: #0b3d91;
  --footer-text: #cfe2ff;
  --input-bg: #ffffff;
  --input-border: #86b7fe;
  --input-focus-shadow: rgba(13, 110, 253, 0.25);
  --placeholder-bg: #cfe2ff;
  --placeholder-text: #084298;
  --card-highlight: linear-gradient(135deg, #0d6efd 0%, #0dcaf0 100%);
}

/* 2 — Forest Green */
[data-theme="forest"] {
  --primary: #2d6a4f;
  --primary-hover: #1b4332;
  --primary-rgb: 45, 106, 79;
  --secondary: #52b788;
  --secondary-hover: #40916c;
  --accent: #b7e4c7;
  --bg: #f1f8f3;
  --bg-alt: #d8f3dc;
  --surface: #ffffff;
  --surface-alt: #e8f5e9;
  --nav-bg: #1b4332;
  --nav-text: #d8f3dc;
  --text: #1b2a1f;
  --text-muted: #5f7a68;
  --border-color: #95d5b2;
  --success: #2d6a4f;
  --danger: #c0392b;
  --warning: #f39c12;
  --footer-bg: #1b4332;
  --footer-text: #b7e4c7;
  --input-bg: #ffffff;
  --input-border: #95d5b2;
  --input-focus-shadow: rgba(45, 106, 79, 0.25);
  --placeholder-bg: #d8f3dc;
  --placeholder-text: #1b4332;
  --card-highlight: linear-gradient(135deg, #2d6a4f 0%, #52b788 100%);
}

/* 3 — Sunset Orange */
[data-theme="sunset"] {
  --primary: #e85d04;
  --primary-hover: #c44b03;
  --primary-rgb: 232, 93, 4;
  --secondary: #f48c06;
  --secondary-hover: #dc6e02;
  --accent: #faa307;
  --bg: #fff8f0;
  --bg-alt: #ffe8cc;
  --surface: #ffffff;
  --surface-alt: #fff3e0;
  --nav-bg: #6a040f;
  --nav-text: #ffe8cc;
  --text: #2c1a0e;
  --text-muted: #7a5c3f;
  --border-color: #ffba6b;
  --success: #2e7d32;
  --danger: #d32f2f;
  --warning: #f9a825;
  --footer-bg: #6a040f;
  --footer-text: #ffcba4;
  --input-bg: #ffffff;
  --input-border: #ffba6b;
  --input-focus-shadow: rgba(232, 93, 4, 0.25);
  --placeholder-bg: #ffe0b2;
  --placeholder-text: #6a040f;
  --card-highlight: linear-gradient(135deg, #e85d04 0%, #faa307 100%);
}

/* 4 — Royal Purple */
[data-theme="royal"] {
  --primary: #7b2cbf;
  --primary-hover: #5a189a;
  --primary-rgb: 123, 44, 191;
  --secondary: #c77dff;
  --secondary-hover: #9d4edd;
  --accent: #e0aaff;
  --bg: #f8f0ff;
  --bg-alt: #eedcff;
  --surface: #ffffff;
  --surface-alt: #f3e5f5;
  --nav-bg: #3c096c;
  --nav-text: #e0aaff;
  --text: #1a0a2e;
  --text-muted: #6a4c8a;
  --border-color: #c77dff;
  --success: #2e7d32;
  --danger: #d32f2f;
  --warning: #ffc107;
  --footer-bg: #3c096c;
  --footer-text: #d0b0ff;
  --input-bg: #ffffff;
  --input-border: #c77dff;
  --input-focus-shadow: rgba(123, 44, 191, 0.25);
  --placeholder-bg: #e8d5f5;
  --placeholder-text: #3c096c;
  --card-highlight: linear-gradient(135deg, #7b2cbf 0%, #c77dff 100%);
}

/* 5 — Midnight Dark */
[data-theme="midnight"] {
  --primary: #7991D9;
  --primary-hover: #9CABD9;
  --primary-rgb: 124, 58, 237;
  --secondary: #06b6d4;
  --secondary-hover: #0891b2;
  --accent: #f472b6;
  --bg: #0f172a;
  --bg-alt: #1e293b;
  --surface: #1e293b;
  --surface-alt: #334155;
  --nav-bg: #020617;
  --nav-text: #e2e8f0;
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --border-color: #475569;
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #eab308;
  --footer-bg: #020617;
  --footer-text: #94a3b8;
  --input-bg: #1e293b;
  --input-border: #475569;
  --input-focus-shadow: rgba(124, 58, 237, 0.35);
  --placeholder-bg: #334155;
  --placeholder-text: #94a3b8;
  --card-highlight: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);
}

/* 6 — Rose Gold */
[data-theme="rosegold"] {
  --primary: #be185d;
  --primary-hover: #9d174d;
  --primary-rgb: 190, 24, 93;
  --secondary: #f9a8d4;
  --secondary-hover: #f472b6;
  --accent: #c9a96e;
  --bg: #fdf2f8;
  --bg-alt: #fce7f3;
  --surface: #ffffff;
  --surface-alt: #fff1f9;
  --nav-bg: #831843;
  --nav-text: #fce7f3;
  --text: #2a0e1f;
  --text-muted: #8a5070;
  --border-color: #f9a8d4;
  --success: #059669;
  --danger: #e11d48;
  --warning: #d97706;
  --footer-bg: #831843;
  --footer-text: #f9a8d4;
  --input-bg: #ffffff;
  --input-border: #f9a8d4;
  --input-focus-shadow: rgba(190, 24, 93, 0.25);
  --placeholder-bg: #fce7f3;
  --placeholder-text: #831843;
  --card-highlight: linear-gradient(135deg, #be185d 0%, #c9a96e 100%);
}

/* 7 — Arctic Frost */
[data-theme="arctic"] {
  --primary: #0ea5e9;
  --primary-hover: #0284c7;
  --primary-rgb: 14, 165, 233;
  --secondary: #a5f3fc;
  --secondary-hover: #67e8f9;
  --accent: #e0f2fe;
  --bg: #f0f9ff;
  --bg-alt: #e0f2fe;
  --surface: #ffffff;
  --surface-alt: #f0f9ff;
  --nav-bg: #0c4a6e;
  --nav-text: #e0f2fe;
  --text: #0c2d48;
  --text-muted: #64748b;
  --border-color: #7dd3fc;
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;
  --footer-bg: #0c4a6e;
  --footer-text: #bae6fd;
  --input-bg: #ffffff;
  --input-border: #7dd3fc;
  --input-focus-shadow: rgba(14, 165, 233, 0.25);
  --placeholder-bg: #e0f2fe;
  --placeholder-text: #0c4a6e;
  --card-highlight: linear-gradient(135deg, #0ea5e9 0%, #a5f3fc 100%);
}

/* 8 — Desert Sand */
[data-theme="desert"] {
  --primary: #b45309;
  --primary-hover: #92400e;
  --primary-rgb: 180, 83, 9;
  --secondary: #d97706;
  --secondary-hover: #b45309;
  --accent: #fbbf24;
  --bg: #fefce8;
  --bg-alt: #fef3c7;
  --surface: #fffbeb;
  --surface-alt: #fef9e7;
  --nav-bg: #78350f;
  --nav-text: #fef3c7;
  --text: #2c1a0a;
  --text-muted: #7a6540;
  --border-color: #fbbf24;
  --success: #16a34a;
  --danger: #dc2626;
  --warning: #ca8a04;
  --footer-bg: #78350f;
  --footer-text: #fde68a;
  --input-bg: #fffbeb;
  --input-border: #fbbf24;
  --input-focus-shadow: rgba(180, 83, 9, 0.25);
  --placeholder-bg: #fef3c7;
  --placeholder-text: #78350f;
  --card-highlight: linear-gradient(135deg, #b45309 0%, #fbbf24 100%);
}

/* 9 — Neon Cyber */
[data-theme="cyber"] {
  --primary: #00ff88;
  --primary-hover: #00cc6a;
  --primary-rgb: 0, 255, 136;
  --secondary: #ff006e;
  --secondary-hover: #cc0058;
  --accent: #00d4ff;
  --bg: #0a0a0f;
  --bg-alt: #12121a;
  --surface: #16161f;
  --surface-alt: #1e1e2a;
  --nav-bg: #06060a;
  --nav-text: #00ff88;
  --text: #e0e0ff;
  --text-muted: #8888aa;
  --border-color: #2a2a3a;
  --success: #00ff88;
  --danger: #ff006e;
  --warning: #ffaa00;
  --footer-bg: #06060a;
  --footer-text: #8888aa;
  --input-bg: #16161f;
  --input-border: #2a2a3a;
  --input-focus-shadow: rgba(0, 255, 136, 0.3);
  --placeholder-bg: #1e1e2a;
  --placeholder-text: #00ff88;
  --card-highlight: linear-gradient(135deg, #00ff88 0%, #00d4ff 50%, #ff006e 100%);
}

/* 10 — Classic Mono */
[data-theme="mono"] {
  --primary: #333333;
  --primary-hover: #1a1a1a;
  --primary-rgb: 51, 51, 51;
  --secondary: #666666;
  --secondary-hover: #4d4d4d;
  --accent: #999999;
  --bg: #f5f5f5;
  --bg-alt: #e8e8e8;
  --surface: #ffffff;
  --surface-alt: #fafafa;
  --nav-bg: #1a1a1a;
  --nav-text: #e0e0e0;
  --text: #1a1a1a;
  --text-muted: #757575;
  --border-color: #cccccc;
  --success: #2e7d32;
  --danger: #c62828;
  --warning: #f9a825;
  --footer-bg: #1a1a1a;
  --footer-text: #aaaaaa;
  --input-bg: #ffffff;
  --input-border: #cccccc;
  --input-focus-shadow: rgba(51, 51, 51, 0.2);
  --placeholder-bg: #e0e0e0;
  --placeholder-text: #555555;
  --card-highlight: linear-gradient(135deg, #333333 0%, #666666 100%);
}