/* Theme Switcher Styles */
.theme-switcher {
    position: relative;
    display: flex;
    align-items: center;
}

.theme-select {
    padding: 0.3rem 0.5rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    background: var(--light-bg);
    color: var(--text-primary);
    font-size: 0.9rem;
    cursor: pointer;
}

/* New Themes - Åland Inspired */

/* 1. Åland Skärgård (Light) */
body.theme-skargard {
    --primary-color: #0077BE;
    --secondary-color: #E6A800;
    --accent-color: #D32F2F;
    --light-bg: #F0F8FF;
    --text-primary: #003366;
    --border-color: #B0C4DE;
}

/* 2. Åland Klippor (Dark) */
body.theme-klippor {
    --primary-color: #FFD700;
    --secondary-color: #87CEEB;
    --accent-color: #FF6347;
    --dark-bg: #2F4F4F;
    --light-bg: #2F4F4F; /* Override for body bg */
    --text-primary: #F0F8FF;
    --text-secondary: #D3D3D3;
    --border-color: #708090;
}
body.theme-klippor .content-wrapper, body.theme-klippor .card { background: #365858; color: #F0F8FF; }

/* 3. Sommaräng (Light) */
body.theme-sommarang {
    --primary-color: #228B22;
    --secondary-color: #FFD700;
    --accent-color: #1E90FF;
    --light-bg: #FFFFF0;
    --text-primary: #2E8B57;
    --border-color: #DAA520;
}

/* 4. Midnattssol (Dark) */
body.theme-midnattssol {
    --primary-color: #FFA500;
    --secondary-color: #FF4500;
    --accent-color: #191970;
    --dark-bg: #191970; 
    --light-bg: #191970;
    --text-primary: #FFDEAD;
    --text-secondary: #B0C4DE;
    --border-color: #4169E1;
}
body.theme-midnattssol .content-wrapper, body.theme-midnattssol .card { background: #202080; color: #FFDEAD; }

/* 5. Pommern (Light) */
body.theme-pommern {
    --primary-color: #8B4513;
    --secondary-color: #000080;
    --accent-color: #CD853F;
    --light-bg: #FDF5E6;
    --text-primary: #3E2723;
    --border-color: #DEB887;
}

/* 6. Kastelholm (Dark) */
body.theme-kastelholm {
    --primary-color: #C0C0C0;
    --secondary-color: #800000;
    --accent-color: #DAA520;
    --dark-bg: #2C2C2C;
    --light-bg: #2C2C2C;
    --text-primary: #DCDCDC;
    --text-secondary: #A9A9A9;
    --border-color: #696969;
}
body.theme-kastelholm .content-wrapper, body.theme-kastelholm .card { background: #383838; color: #DCDCDC; }

/* 7. Havsblå (Light) */
body.theme-havsbla {
    --primary-color: #0000CD;
    --secondary-color: #00CED1;
    --accent-color: #FF8C00;
    --light-bg: #E0FFFF;
    --text-primary: #000080;
    --border-color: #87CEFA;
}

/* 8. Djupet (Dark) */
body.theme-djupet {
    --primary-color: #00FFFF;
    --secondary-color: #1E90FF;
    --accent-color: #FF00FF;
    --dark-bg: #000033;
    --light-bg: #000033;
    --text-primary: #E0FFFF;
    --text-secondary: #AFEEEE;
    --border-color: #000080;
}
body.theme-djupet .content-wrapper, body.theme-djupet .card { background: #000044; color: #E0FFFF; }

/* 9. Granit (Light) */
body.theme-granit {
    --primary-color: #CD5C5C;
    --secondary-color: #708090;
    --accent-color: #2F4F4F;
    --light-bg: #FFF0F5;
    --text-primary: #800000;
    --border-color: #BC8F8F;
}

/* 10. Norrsken (Dark) */
body.theme-norrsken {
    --primary-color: #7FFF00;
    --secondary-color: #9932CC;
    --accent-color: #00BFFF;
    --dark-bg: #121212;
    --light-bg: #121212;
    --text-primary: #F0FFF0;
    --text-secondary: #98FB98;
    --border-color: #32CD32;
}
body.theme-norrsken .content-wrapper, body.theme-norrsken .card { background: #1E1E1E; color: #F0FFF0; }

/* Dark theme overrides for Sponsors & Links */
body.theme-klippor .sponsor-bubble,
body.theme-klippor .link-item { background: #365858; border-color: #708090; }
body.theme-klippor .sponsor-name { color: #FFD700; }

body.theme-midnattssol .sponsor-bubble,
body.theme-midnattssol .link-item { background: #202080; border-color: #4169E1; }
body.theme-midnattssol .sponsor-name { color: #FFA500; }

body.theme-kastelholm .sponsor-bubble,
body.theme-kastelholm .link-item { background: #383838; border-color: #696969; }
body.theme-kastelholm .sponsor-name { color: #C0C0C0; }

body.theme-djupet .sponsor-bubble,
body.theme-djupet .link-item { background: #000044; border-color: #000080; }
body.theme-djupet .sponsor-name { color: #00FFFF; }

body.theme-norrsken .sponsor-bubble,
body.theme-norrsken .link-item { background: #1E1E1E; border-color: #32CD32; }
body.theme-norrsken .sponsor-name { color: #7FFF00; }

/* Source reference in dark themes */
body.theme-klippor .source-reference { background: rgba(255, 215, 0, 0.08); border-left-color: #87CEEB; }
body.theme-midnattssol .source-reference { background: rgba(255, 165, 0, 0.08); border-left-color: #FFA500; }
body.theme-kastelholm .source-reference { background: rgba(192, 192, 192, 0.08); border-left-color: #C0C0C0; }
body.theme-djupet .source-reference { background: rgba(0, 255, 255, 0.08); border-left-color: #00FFFF; }
body.theme-norrsken .source-reference { background: rgba(127, 255, 0, 0.08); border-left-color: #7FFF00; }