/* assets/css/themes.css */

/* --- 1. Glassmorphism Theme (Default) --- */
html.theme-glass {
    --bg-primary: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #31103d 100%);
    --bg-card: rgba(255, 255, 255, 0.05);
    --border-card: rgba(255, 255, 255, 0.1);
    --backdrop-blur: blur(16px);
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --accent-primary: #6366f1;
    --accent-hover: #4f46e5;
    --input-bg: rgba(255, 255, 255, 0.07);
    --table-border: rgba(255, 255, 255, 0.08);
}

/* --- 2. Pure White Theme (Clean Light) --- */
html.theme-light {
    --bg-primary: #f8fafc;
    --bg-card: #ffffff;
    --border-card: #e2e8f0;
    --backdrop-blur: none;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --accent-primary: #2563eb;
    --accent-hover: #1d4ed8;
    --input-bg: #f1f5f9;
    --table-border: #e2e8f0;
}

/* --- 3. Pure Black Theme (OLED Dark) --- */
html.theme-dark {
    --bg-primary: #000000;
    --bg-card: #0a0a0a;
    --border-card: #222222;
    --backdrop-blur: none;
    --text-main: #ffffff;
    --text-muted: #888888;
    --accent-primary: #3b82f6;
    --accent-hover: #2563eb;
    --input-bg: #121212;
    --table-border: #1a1a1a;
}

/* Apply variables to body and elements */
body {
    background: var(--bg-primary);
    color: var(--text-main);
    min-height: 100vh;
    background-attachment: fixed;
}

.saas-card {
    background: var(--bg-card);
    backdrop-filter: var(--backdrop-blur);
    -webkit-backdrop-filter: var(--backdrop-blur);
    border: 1px solid var(--border-card);
}

.saas-input {
    background-color: var(--input-bg);
    border: 1px solid var(--border-card);
    color: var(--text-main);
}

.saas-input:focus {
    outline: none;
    border-color: var(--accent-primary);
}