/**
 * THEMES CSS
 * ==========
 * Add your custom themes here or load from Google Sheets
 * Theme names must match Sheet3
 */

/* Theme 1: Ocean */
.theme-ocean {
    --bg-primary: #e0f2fe;
    --bg-secondary: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --accent-primary: #0284c7;
    --accent-secondary: #38bdf8;
    --border-color: #bae6fd;
    --error-color: #ef4444;
    --success-color: #10b981;
}

/* Theme 2: Sunset */
.theme-sunset {
    --bg-primary: #fef3c7;
    --bg-secondary: #ffffff;
    --text-primary: #78350f;
    --text-secondary: #92400e;
    --accent-primary: #ea580c;
    --accent-secondary: #f97316;
    --border-color: #fed7aa;
    --error-color: #dc2626;
    --success-color: #059669;
}

/* Theme 3: Forest */
.theme-forest {
    --bg-primary: #dcfce7;
    --bg-secondary: #ffffff;
    --text-primary: #14532d;
    --text-secondary: #166534;
    --accent-primary: #16a34a;
    --accent-secondary: #22c55e;
    --border-color: #bbf7d0;
    --error-color: #ef4444;
    --success-color: #10b981;
}

/* Theme 4: Dark Mode */
.theme-dark {
    --bg-primary: #1e1e2e;
    --bg-secondary: #2a2a3a;
    --text-primary: #e2e2e2;
    --text-secondary: #a0a0b0;
    --accent-primary: #7c3aed;
    --accent-secondary: #a78bfa;
    --border-color: #3a3a4a;
    --error-color: #f87171;
    --success-color: #4ade80;
}

/* Theme 5: Pastel */
.theme-pastel {
    --bg-primary: #fdf2f8;
    --bg-secondary: #ffffff;
    --text-primary: #831843;
    --text-secondary: #9d174d;
    --accent-primary: #db2777;
    --accent-secondary: #f472b6;
    --border-color: #fbcfe8;
    --error-color: #fb7185;
    --success-color: #34d399;
}

/* Default theme (fallback) */
:root {
    --bg-primary: #f5f7fa;
    --bg-secondary: #ffffff;
    --text-primary: #333333;
    --text-secondary: #666666;
    --accent-primary: #4f46e5;
    --accent-secondary: #818cf8;
    --border-color: #e5e7eb;
    --error-color: #ef4444;
    --success-color: #10b981;
}