/* 
 * 🎨 Sermon Display System Themes
 * All 14 curated themes defined as CSS variables
 */

:root {
    /* DEFAULT THEME: Midnight Sky Blue */
    --primary-bg: #0a0e1a;
    --card-bg: rgba(10, 14, 30, 0.80);
    --text-color: #e0e8f0;
    --accent-color: #4488cc;
    --link-color: #66aaff;
    --font-heading: 'Gabriela', Georgia, serif;
    --font-body: 'Lato', 'Segoe UI', sans-serif;
    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* === DARK THEMES === */

/* 1. Auburn Night */
.theme-auburn-night {
    --primary-bg: #1a0505;
    --card-bg: rgba(40, 10, 10, 0.85);
    --text-color: #f0d0c0;
    --accent-color: #ff4444;
    --link-color: #ff8866;
    --shadow-color: rgba(20, 0, 0, 0.6);
}

/* 2. Art Deco */
.theme-art-deco {
    --primary-bg: #0d0d0a;
    --card-bg: rgba(20, 18, 10, 0.90);
    --text-color: #f0e6c8;
    --accent-color: #d4a843;
    --link-color: #f0d060;
    --shadow-color: rgba(100, 80, 20, 0.2);
}

/* 3. Midnight Sky Blue (Default) */
.theme-midnight-sky-blue {
    --primary-bg: #0a0e1a;
    --card-bg: rgba(10, 14, 30, 0.85);
    --text-color: #e0e8f0;
    --accent-color: #4488cc;
    --link-color: #66aaff;
    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* 4. Acid High Energy */
.theme-acid-high-energy {
    --primary-bg: #050a05;
    --card-bg: rgba(10, 20, 10, 0.85);
    --text-color: #ccffcc;
    --accent-color: #44ff44;
    --link-color: #88ff88;
    --shadow-color: rgba(0, 50, 0, 0.4);
}

/* 5. Vaporwave Sunset */
.theme-vaporwave-sunset {
    --primary-bg: #1a0a1a;
    --card-bg: rgba(30, 10, 30, 0.85);
    --text-color: #f0d0f0;
    --accent-color: #ff66aa;
    --link-color: #ff88cc;
    --shadow-color: rgba(50, 0, 50, 0.4);
}

/* 6. Boreal Night */
.theme-boreal-night {
    --primary-bg: #051414;
    --card-bg: rgba(10, 25, 25, 0.85);
    --text-color: #d0f0f0;
    --accent-color: #44ccaa;
    --link-color: #66eedd;
    --shadow-color: rgba(0, 20, 20, 0.5);
}

/* 7. Neon Void */
.theme-neon-void {
    --primary-bg: #000000;
    --card-bg: rgba(0, 20, 20, 0.90);
    --text-color: #c0ffff;
    --accent-color: #00ffff;
    --link-color: #88ffff;
    --shadow-color: rgba(0, 255, 255, 0.2);
}

/* === LIGHT THEMES === */

/* 1. Creme and Gold */
.theme-creme-and-gold {
    --primary-bg: #f5f0e6;
    --card-bg: rgba(255, 250, 240, 0.95);
    --text-color: #3d2b1f;
    --accent-color: #c5a059;
    --link-color: #947130;
    --shadow-color: rgba(60, 43, 31, 0.15);
}

/* 2. Ink and Paper */
.theme-ink-and-paper {
    --primary-bg: #f8f8f8;
    --card-bg: rgba(255, 255, 255, 0.98);
    --text-color: #1a1a1a;
    --accent-color: #000000;
    --link-color: #0000ee;
    --shadow-color: rgba(0, 0, 0, 0.15);
}

/* 3. Forest Ethereal */
.theme-forest-ethereal {
    --primary-bg: #f0f6f0;
    --card-bg: rgba(240, 255, 240, 0.95);
    --text-color: #1a2f1a;
    --accent-color: #2e7d32;
    --link-color: #1b5e20;
    --shadow-color: rgba(46, 125, 50, 0.15);
}

/* 4. Denim Wash */
.theme-denim-wash {
    --primary-bg: #f0f4f8;
    --card-bg: rgba(240, 248, 255, 0.95);
    --text-color: #1a2a40;
    --accent-color: #4477aa;
    --link-color: #225588;
    --shadow-color: rgba(68, 119, 170, 0.15);
}

/* 5. Peach Fuzz */
.theme-peach-fuzz {
    --primary-bg: #fff5ee;
    --card-bg: rgba(255, 245, 238, 0.95);
    --text-color: #4a3a3a;
    --accent-color: #ff9966;
    --link-color: #d15d2a;
    --shadow-color: rgba(255, 153, 102, 0.15);
}

/* 6. Sahara Sand */
.theme-sahara-sand {
    --primary-bg: #fdf5e6;
    --card-bg: rgba(253, 245, 230, 0.95);
    --text-color: #3a2a1a;
    --accent-color: #d2b48c;
    --link-color: #8b4513;
    --shadow-color: rgba(210, 180, 140, 0.15);
}

/* 7. Lavender Mist */
.theme-lavender-mist {
    --primary-bg: #faf0fa;
    --card-bg: rgba(250, 240, 255, 0.95);
    --text-color: #2a1a3a;
    --accent-color: #9966cc;
    --link-color: #663399;
    --shadow-color: rgba(153, 102, 204, 0.15);
}

/* === SHARED COMPONENTS === */
button,
.btn {
    background-color: var(--primary-bg);
    color: var(--text-color);
    border: 1px solid var(--accent-color);
}

button:hover,
.btn:hover {
    background-color: var(--accent-color);
    color: var(--primary-bg);
}

a {
    color: var(--link-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--accent-color);
}

/* Common Body Styles */
body {
    background-color: var(--primary-bg);
    color: var(--text-color);
    font-family: var(--font-body);
    transition: background-color 0.5s ease, color 0.5s ease;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
.bible-ref {
    font-family: var(--font-heading);
}

/* Glassmorphism utility */
.glass {
    background: var(--card-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 var(--shadow-color);
}

/* Lists */
ul,
ol {
    color: var(--text-color);
    padding-left: 20px;
}

li {
    margin-bottom: 5px;
}