/* Default theme: Океан (ocean) */
:root, html[data-theme="ocean"] {
    --bg: #081024;
    --text: #e6f1ff;
    --accent: #22d3ee;
    --border: #1f3158;
    --danger: #f87171;
    --accent2: #3b82f6;
    --success: #34d399;
    --surface: #0f1a35;
    --warning: #fbbf24;
    --surface2: #162548;
    --text-muted: #7a8ba8;
}

/* Theme: Темна */
html[data-theme="dark"] {
    --bg: #0d0d14;
    --text: #eeeef5;
    --accent: #7c6dfa;
    --border: #222233;
    --danger: #f87171;
    --accent2: #fa6d8f;
    --success: #4ade80;
    --surface: #13131c;
    --warning: #fbbf24;
    --surface2: #1a1a26;
    --text-muted: #6b6b85;
}

/* Theme: Світла */
html[data-theme="light"] {
    --bg: #ffffff;
    --text: #1a1a26;
    --accent: #7c6dfa;
    --border: #e1e1ec;
    --danger: #dc2626;
    --accent2: #fa6d8f;
    --success: #16a34a;
    --surface: #f7f7fb;
    --warning: #d97706;
    --surface2: #eeeef5;
    --text-muted: #6b6b85;
}

/* Theme: Вогонь */
html[data-theme="fire"] {
    --bg: #0e0a08;
    --text: #fef3e8;
    --accent: #f97316;
    --border: #33241c;
    --danger: #dc2626;
    --accent2: #ef4444;
    --success: #4ade80;
    --surface: #1a1310;
    --warning: #fbbf24;
    --surface2: #241a15;
    --text-muted: #8a7a6e;
}

/* Theme: Ліс */
html[data-theme="forest"] {
    --bg: #0a1410;
    --text: #e6fff5;
    --accent: #10b981;
    --border: #243b30;
    --danger: #ef4444;
    --accent2: #84cc16;
    --success: #22c55e;
    --surface: #11201a;
    --warning: #eab308;
    --surface2: #1a2e25;
    --text-muted: #6b8a7a;
}

/* Global theme settings */
:root {
    --header-opacity: 59%;
}