/* theme.css */
/* Path Diagram Explanation Assistant - 10 Dynamic Themes */

:root[data-theme="academic-blue"] {
    --bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%);
    --ink: #102a43;
    --muted: #486581;
    --primary: #0f4c81;
    --primary-2: #0a335c;
    --accent: #d97706;
    --accent-2: #f59e0b;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(16, 42, 67, 0.15);
}

:root[data-theme="obsidian-dark"] {
    --bg-gradient: linear-gradient(135deg, #121212 0%, #1e1e1e 100%);
    --ink: #f5f5f5;
    --muted: #a3a3a3;
    --primary: #4ade80;
    --primary-2: #22c55e;
    --accent: #3b82f6;
    --accent-2: #60a5fa;
    --card: rgba(30, 30, 30, 0.95);
    --line: rgba(255, 255, 255, 0.15);
}

:root[data-theme="emerald-forest"] {
    --bg-gradient: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    --ink: #1b5e20;
    --muted: #388e3c;
    --primary: #2e7d32;
    --primary-2: #1b5e20;
    --accent: #e65100;
    --accent-2: #f57c00;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(46, 125, 50, 0.2);
}

:root[data-theme="moodle-orange"] {
    --bg-gradient: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    --ink: #3e2723;
    --muted: #5d4037;
    --primary: #ef6c00;
    --primary-2: #e65100;
    --accent: #0277bd;
    --accent-2: #0288d1;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(239, 108, 0, 0.2);
}

:root[data-theme="crimson-red"] {
    --bg-gradient: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    --ink: #212121;
    --muted: #616161;
    --primary: #c62828;
    --primary-2: #b71c1c;
    --accent: #283593;
    --accent-2: #3f51b5;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(198, 40, 40, 0.2);
}

:root[data-theme="midnight-purple"] {
    --bg-gradient: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    --ink: #311b92;
    --muted: #512da8;
    --primary: #4a148c;
    --primary-2: #311b92;
    --accent: #00838f;
    --accent-2: #00acc1;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(74, 20, 140, 0.2);
}

:root[data-theme="slate-grey"] {
    --bg-gradient: linear-gradient(135deg, #eceff1 0%, #cfd8dc 100%);
    --ink: #263238;
    --muted: #546e7a;
    --primary: #37474f;
    --primary-2: #263238;
    --accent: #00695c;
    --accent-2: #00796b;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(55, 71, 79, 0.2);
}

:root[data-theme="ocean-teal"] {
    --bg-gradient: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);
    --ink: #004d40;
    --muted: #00695c;
    --primary: #00695c;
    --primary-2: #004d40;
    --accent: #ad1457;
    --accent-2: #c2185b;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(0, 105, 92, 0.2);
}

:root[data-theme="sunset-coral"] {
    --bg-gradient: linear-gradient(135deg, #fbe9e7 0%, #ffccbc 100%);
    --ink: #3e2723;
    --muted: #4e342e;
    --primary: #d84315;
    --primary-2: #bf360c;
    --accent: #1565c0;
    --accent-2: #1976d2;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(216, 67, 21, 0.2);
}

:root[data-theme="forest-minimalist"] {
    --bg-gradient: linear-gradient(135deg, #f5f5f5 0%, #eeeeee 100%);
    --ink: #212121;
    --muted: #616161;
    --primary: #212121;
    --primary-2: #000000;
    --accent: #2e7d32;
    --accent-2: #388e3c;
    --card: rgba(255, 255, 255, 1);
    --line: rgba(0, 0, 0, 0.15);
}