/* Theme System - CSS Variables for each theme */

/* Default fallback (Light theme) when no data-theme is set */
:root {
    --primary-color: #1e3a5f;
    --secondary-color: #2563eb;
    --accent-color: #0ea5e9;
    --text-color: #1f2937;
    --text-secondary: #6b7280;
    --bg-color: #f9fafb;
    --bg-secondary: #ffffff;
    --border-color: #e5e7eb;
    --shadow: rgba(0, 0, 0, 0.08);
    --header-bg: #1e3a5f;
    --header-text: #ffffff;
}

/* Light Theme (Default) */
:root[data-theme="light"],
html[data-theme="light"] {
    --primary-color: #1e3a5f;
    --secondary-color: #2563eb;
    --accent-color: #0ea5e9;
    --text-color: #1f2937;
    --text-secondary: #6b7280;
    --bg-color: #f9fafb;
    --bg-secondary: #ffffff;
    --border-color: #e5e7eb;
    --shadow: rgba(0, 0, 0, 0.08);
    --header-bg: #1e3a5f;
    --header-text: #ffffff;
}

/* Dark Theme */
:root[data-theme="dark"],
html[data-theme="dark"] {
    --primary-color: #0f172a;
    --secondary-color: #334155;
    --accent-color: #3b82f6;
    --text-color: #e2e8f0;
    --text-secondary: #94a3b8;
    --bg-color: #1e293b;
    --bg-secondary: #0f172a;
    --border-color: #334155;
    --shadow: rgba(0, 0, 0, 0.4);
    --header-bg: #020617;
    --header-text: #f1f5f9;
}

/* Ocean Blue Theme */
:root[data-theme="ocean"],
html[data-theme="ocean"] {
    --primary-color: #0c4a6e;
    --secondary-color: #0284c7;
    --accent-color: #06b6d4;
    --text-color: #0f172a;
    --text-secondary: #475569;
    --bg-color: #f0f9ff;
    --bg-secondary: #ffffff;
    --border-color: #bae6fd;
    --shadow: rgba(8, 145, 178, 0.1);
    --header-bg: #0c4a6e;
    --header-text: #ffffff;
}

/* Forest Green Theme */
:root[data-theme="forest"],
html[data-theme="forest"] {
    --primary-color: #14532d;
    --secondary-color: #15803d;
    --accent-color: #22c55e;
    --text-color: #1c1917;
    --text-secondary: #57534e;
    --bg-color: #f7fee7;
    --bg-secondary: #ffffff;
    --border-color: #d9f99d;
    --shadow: rgba(21, 128, 61, 0.1);
    --header-bg: #14532d;
    --header-text: #ffffff;
}

/* Royal Purple Theme */
:root[data-theme="purple"],
html[data-theme="purple"] {
    --primary-color: #581c87;
    --secondary-color: #7c3aed;
    --accent-color: #a78bfa;
    --text-color: #1e1b4b;
    --text-secondary: #6b21a8;
    --bg-color: #faf5ff;
    --bg-secondary: #ffffff;
    --border-color: #e9d5ff;
    --shadow: rgba(124, 58, 237, 0.1);
    --header-bg: #581c87;
    --header-text: #ffffff;
}

/* Theme transition for smooth color changes */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}