/* ========================================
   10 Color Themes for Automation Labs
   Warm, Pastel, Cheerful Colors
   ======================================== */

/* Theme 1: Sunset Orange (Default) */
[data-theme="1"], :root {
    --bg: #fffbf5;
    --bg-card: #ffffff;
    --bg-elevated: #fff7ed;
    --border: #fed7aa;
    --text: #1c1917;
    --text-muted: #78716c;
    --accent: #f97316;
    --accent2: #f59e0b;
    --accent-light: #fff7ed;
    --accent-hover: #ea580c;
    --gradient: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);
    --hero-gradient: linear-gradient(135deg, #fff7ed 0%, #ffedd5 50%, #fef3c7 100%);
}

/* Theme 2: Lavender Dream */
[data-theme="2"] {
    --bg: #faf5ff;
    --bg-card: #ffffff;
    --bg-elevated: #f3e8ff;
    --border: #d8b4fe;
    --text: #1e1b4b;
    --text-muted: #6b7280;
    --accent: #8b5cf6;
    --accent2: #a78bfa;
    --accent-light: #f5f3ff;
    --accent-hover: #7c3aed;
    --gradient: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    --hero-gradient: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%);
}

/* Theme 3: Mint Fresh */
[data-theme="3"] {
    --bg: #f0fdf4;
    --bg-card: #ffffff;
    --bg-elevated: #dcfce7;
    --border: #86efac;
    --text: #052e16;
    --text-muted: #57534e;
    --accent: #10b981;
    --accent2: #34d399;
    --accent-light: #ecfdf5;
    --accent-hover: #059669;
    --gradient: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --hero-gradient: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 50%, #a7f3d0 100%);
}

/* Theme 4: Rose Gold */
[data-theme="4"] {
    --bg: #fdf2f8;
    --bg-card: #ffffff;
    --bg-elevated: #fce7f3;
    --border: #f9a8d4;
    --text: #1e1b4b;
    --text-muted: #6b7280;
    --accent: #ec4899;
    --accent2: #f472b6;
    --accent-light: #fdf2f8;
    --accent-hover: #db2777;
    --gradient: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    --hero-gradient: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 50%, #fbcfe8 100%);
}

/* Theme 5: Ocean Blue */
[data-theme="5"] {
    --bg: #f0f9ff;
    --bg-card: #ffffff;
    --bg-elevated: #e0f2fe;
    --border: #7dd3fc;
    --text: #0c4a6e;
    --text-muted: #6b7280;
    --accent: #0ea5e9;
    --accent2: #38bdf8;
    --accent-light: #f0f9ff;
    --accent-hover: #0284c7;
    --gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    --hero-gradient: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%);
}

/* Theme 6: Golden Hour */
[data-theme="6"] {
    --bg: #fffbeb;
    --bg-card: #ffffff;
    --bg-elevated: #fef3c7;
    --border: #fcd34d;
    --text: #1c1917;
    --text-muted: #78716c;
    --accent: #f59e0b;
    --accent2: #fbbf24;
    --accent-light: #fffbeb;
    --accent-hover: #d97706;
    --gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
    --hero-gradient: linear-gradient(135deg, #fffbeb 0%, #fef3c7 50%, #fde68a 100%);
}

/* Theme 7: Teal Breeze */
[data-theme="7"] {
    --bg: #f0fdfa;
    --bg-card: #ffffff;
    --bg-elevated: #ccfbf1;
    --border: #5eead4;
    --text: #042f2e;
    --text-muted: #57534e;
    --accent: #14b8a6;
    --accent2: #2dd4bf;
    --accent-light: #f0fdfa;
    --accent-hover: #0d9488;
    --gradient: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);
    --hero-gradient: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 50%, #99f6e4 100%);
}

/* Theme 8: Coral Pop */
[data-theme="8"] {
    --bg: #fff1f2;
    --bg-card: #ffffff;
    --bg-elevated: #ffe4e6;
    --border: #fda4af;
    --text: #1e1b4b;
    --text-muted: #6b7280;
    --accent: #f43f5e;
    --accent2: #fb7185;
    --accent-light: #fff1f2;
    --accent-hover: #e11d48;
    --gradient: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);
    --hero-gradient: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 50%, #fecdd3 100%);
}

/* Theme 9: Lime Green */
[data-theme="9"] {
    --bg: #f7fee7;
    --bg-card: #ffffff;
    --bg-elevated: #ecfccb;
    --border: #bef264;
    --text: #1a2e05;
    --text-muted: #57534e;
    --accent: #84cc16;
    --accent2: #a3e635;
    --accent-light: #f7fee7;
    --accent-hover: #65a30d;
    --gradient: linear-gradient(135deg, #84cc16 0%, #a3e635 100%);
    --hero-gradient: linear-gradient(135deg, #f7fee7 0%, #ecfccb 50%, #d9f99d 100%);
}

/* Theme 10: Indigo Night */
[data-theme="10"] {
    --bg: #eef2ff;
    --bg-card: #ffffff;
    --bg-elevated: #e0e7ff;
    --border: #a5b4fc;
    --text: #1e1b4b;
    --text-muted: #6b7280;
    --accent: #6366f1;
    --accent2: #818cf8;
    --accent-light: #eef2ff;
    --accent-hover: #4f46e5;
    --gradient: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    --hero-gradient: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 50%, #c7d2fe 100%);
}