/* theme.css */
/* Correlation vs Causation Coach - 10 Dynamic Themes */

:root[data-theme="light-academic-blue"] {
    --bg-gradient: linear-gradient(135deg, #fbf6ef 0%, #f1f5ff 52%, #fff4e8 100%);
    --ink: #172033;
    --muted: #687085;
    --primary: #17479d;
    --primary-2: #0d2f6b;
    --accent: #ee6823;
    --accent-2: #ffb36b;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(23, 32, 51, 0.12);
}

:root[data-theme="dark-mode"] {
    --bg-gradient: linear-gradient(135deg, #1e1e1e 0%, #121212 100%);
    --ink: #e0e0e0;
    --muted: #9e9e9e;
    --primary: #64b5f6;
    --primary-2: #2196f3;
    --accent: #ffb74d;
    --accent-2: #ff9800;
    --card: rgba(30, 30, 30, 0.95);
    --line: rgba(255, 255, 255, 0.15);
}

:root[data-theme="emerald-green"] {
    --bg-gradient: linear-gradient(135deg, #f1f8e9 0%, #e8f5e9 100%);
    --ink: #1b5e20;
    --muted: #4caf50;
    --primary: #2e7d32;
    --primary-2: #1b5e20;
    --accent: #ff8f00;
    --accent-2: #ffb300;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(46, 125, 50, 0.2);
}

:root[data-theme="moodle-orange"] {
    --bg-gradient: linear-gradient(135deg, #fff8e1 0%, #fff3e0 100%);
    --ink: #3e2723;
    --muted: #795548;
    --primary: #f57c00;
    --primary-2: #e65100;
    --accent: #0288d1;
    --accent-2: #03a9f4;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(245, 124, 0, 0.2);
}

:root[data-theme="crimson-red"] {
    --bg-gradient: linear-gradient(135deg, #fff3e0 0%, #ffebee 100%);
    --ink: #212121;
    --muted: #757575;
    --primary: #c62828;
    --primary-2: #b71c1c;
    --accent: #4527a0;
    --accent-2: #512da8;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(198, 40, 40, 0.2);
}

:root[data-theme="midnight-purple"] {
    --bg-gradient: linear-gradient(135deg, #ede7f6 0%, #f3e5f5 100%);
    --ink: #311b92;
    --muted: #673ab7;
    --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, #cfd8dc 0%, #eceff1 100%);
    --ink: #263238;
    --muted: #546e7a;
    --primary: #37474f;
    --primary-2: #263238;
    --accent: #ff5722;
    --accent-2: #ff7043;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(55, 71, 79, 0.2);
}

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

:root[data-theme="sunset-coral"] {
    --bg-gradient: linear-gradient(135deg, #fff3e0 0%, #fbe9e7 100%);
    --ink: #3e2723;
    --muted: #8d6e63;
    --primary: #d84315;
    --primary-2: #bf360c;
    --accent: #283593;
    --accent-2: #3f51b5;
    --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%, #fdfdfd 100%);
    --ink: #1a1a1a;
    --muted: #666666;
    --primary: #333333;
    --primary-2: #000000;
    --accent: #2e7d32;
    --accent-2: #4caf50;
    --card: rgba(255, 255, 255, 1);
    --line: rgba(0, 0, 0, 0.1);
}