/* Heller Modus (v2.37.0). Gilt nur mit ; gesetzt im Seitenkopf aus der Wahl im Benutzermenue.
Liegt nach style.css und modern.css und ueberschreibt deren dunkle Farben. */
html[data-theme="light"] {
color-scheme: light;
scrollbar-color: #b8c0cc #eef1f5;
--bg: #eef1f5; --panel: #ffffff; --panel2: #f3f5f9; --line: rgba(15, 23, 42, .12);
--text: #1b2230; --muted: #5d6677; --accent: #1f9e8d; --accent2: #0f7a6c;
--glass: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(249, 250, 252, .93));
--glass-line: rgba(15, 23, 42, .1);
--shadow: 0 8px 22px rgba(15, 23, 42, .08), inset 0 1px 0 #fff;
--soft-bg: rgba(15, 23, 42, .05);
--orange: #d97706; --gold: #e0b43a;
--r-common: #1b2230;
--w: #efe6b0; --c: #9aa0aa;
}
html[data-theme="light"] body {
background:
radial-gradient(1100px 520px at 15% -8%, rgba(31, 158, 141, .10), transparent 62%),
radial-gradient(800px 460px at 100% 0%, rgba(15, 122, 108, .06), transparent 58%),
linear-gradient(180deg, #f7f9fb 0%, #e8ecf1 100%);
background-attachment: fixed;
}
/* Kopfzeile und Menue */
html[data-theme="light"] .top { background: rgba(255, 255, 255, .8); box-shadow: 0 4px 18px rgba(15, 23, 42, .08); }
html[data-theme="light"] .brand, html[data-theme="light"] .brand span { background: linear-gradient(90deg, #0f7a6c, #1f9e8d 60%, #13695e); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .top nav a, html[data-theme="light"] .top nav .navlink, html[data-theme="light"] .ddbtn { color: #2c3545; }
html[data-theme="light"] .top nav a:hover, html[data-theme="light"] .ddbtn:hover, html[data-theme="light"] .dd.open > .ddbtn { background: rgba(15, 23, 42, .06); color: #0f172a; }
html[data-theme="light"] .top nav a.on, html[data-theme="light"] .dd.on > .ddbtn, html[data-theme="light"] .ddmenu a.on { background: rgba(31, 158, 141, .13); color: var(--accent2); box-shadow: inset 0 0 0 1px rgba(15, 122, 108, .25); }
html[data-theme="light"] .ddmenu { background: #fff; box-shadow: 0 18px 40px rgba(15, 23, 42, .16); }
html[data-theme="light"] .ddmenu a:hover { background: rgba(15, 23, 42, .06); }
html[data-theme="light"] .ddhead, html[data-theme="light"] .ddsep { border-color: rgba(15, 23, 42, .1); }
html[data-theme="light"] .ddsep { background: rgba(15, 23, 42, .1); }
@media (max-width: 900px) { html[data-theme="light"] .top nav .ddmenu { background: rgba(15, 23, 42, .03); } }
html[data-theme="light"] .newdot { box-shadow: 0 0 0 2px #fff, 0 0 8px rgba(217, 119, 6, .6); }
/* Tabellen, Felder, Knoepfe */
html[data-theme="light"] .tbl tbody tr:hover, html[data-theme="light"] table.list tbody tr:hover { background: rgba(15, 23, 42, .035); }
html[data-theme="light"] th, html[data-theme="light"] td { border-bottom-color: rgba(15, 23, 42, .08); }
html[data-theme="light"] table.matrix .zero { color: #b2b8c3; }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { background: #fff; color: var(--text); border-color: rgba(15, 23, 42, .18); }
html[data-theme="light"] button, html[data-theme="light"] .btn { background: linear-gradient(180deg, #25b3a0, #1a9483); color: #fff; box-shadow: 0 3px 10px rgba(31, 158, 141, .25); }
html[data-theme="light"] button:hover, html[data-theme="light"] .btn:hover { background: linear-gradient(180deg, #2bc0ac, #1f9e8d); }
html[data-theme="light"] button.ghost, html[data-theme="light"] .btn.btn-soft, html[data-theme="light"] .bactions .ghost, html[data-theme="light"] .fclose { background: rgba(15, 23, 42, .06); color: var(--text); border-color: rgba(15, 23, 42, .14); box-shadow: none; }
html[data-theme="light"] button.ghost:hover, html[data-theme="light"] .bactions .ghost:hover, html[data-theme="light"] .fclose:hover { background: rgba(15, 23, 42, .11); }
html[data-theme="light"] button.danger { background: rgba(211, 32, 42, .08); color: #b3161f; border-color: rgba(211, 32, 42, .4); }
html[data-theme="light"] button.danger:hover { background: rgba(211, 32, 42, .15); }
html[data-theme="light"] .btn.btn-block { background: var(--panel2); color: var(--text); }
html[data-theme="light"] .ddbtn, html[data-theme="light"] .seg button, html[data-theme="light"] .thumb { box-shadow: none; }
html[data-theme="light"] .ddbtn { background: transparent; }
html[data-theme="light"] .pill { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .12); color: var(--text); }
html[data-theme="light"] a.pill.on, html[data-theme="light"] .seg button.on { background: rgba(31, 158, 141, .15); border-color: rgba(15, 122, 108, .4); color: var(--accent2); }
html[data-theme="light"] .seg { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .1); }
html[data-theme="light"] .seg button { background: transparent; color: var(--text); }
html[data-theme="light"] .thumb { background: rgba(15, 23, 42, .04); }
html[data-theme="light"] .thumb:hover { background: rgba(15, 23, 42, .09); }
html[data-theme="light"] .thumb.on, html[data-theme="light"] .guidebar .gmodes .pill.on { background: var(--accent); color: #fff; }
/* Meldungen und Markierungen */
html[data-theme="light"] .ok { background: #e3f6ea; color: #14532d; }
html[data-theme="light"] .warn { background: #fdf3d7; color: #6b4a06; }
html[data-theme="light"] .err { background: #fde4e4; color: #7f1d1d; }
html[data-theme="light"] .chip.ok { background: #e3f6ea; color: #166534; }
html[data-theme="light"] .chip.todo { background: #fdf0dc; color: #9a4f05; }
html[data-theme="light"] .chip.bad { background: #fde4e4; color: #b3161f; }
html[data-theme="light"] .gain, html[data-theme="light"] .pos, html[data-theme="light"] .report .add { color: #15803d; }
html[data-theme="light"] .loss, html[data-theme="light"] .neg, html[data-theme="light"] .report .rem, html[data-theme="light"] .report .bad { color: #b91c1c; }
html[data-theme="light"] td.st-1 { color: #1d6fa5; } html[data-theme="light"] td.st1 { color: #c2410c; }
html[data-theme="light"] .report { background: #f7f8fa; }
html[data-theme="light"] .badge { color: #fff; box-shadow: none; }
/* Balken, Listen, Gruppen */
html[data-theme="light"] .bar, html[data-theme="light"] .bbar, html[data-theme="light"] .achbar { background: rgba(15, 23, 42, .1); }
html[data-theme="light"] .ringlegend li, html[data-theme="light"] .fgroup li, html[data-theme="light"] .rowlist > div { border-color: rgba(15, 23, 42, .08); }
html[data-theme="light"] .fgroup, html[data-theme="light"] .gchap, html[data-theme="light"] .bround { background: rgba(255, 255, 255, .7); }
html[data-theme="light"] .gtocgroup a:hover { background: rgba(15, 23, 42, .05); }
html[data-theme="light"] .gtocgroup a.on { background: rgba(15, 23, 42, .08); }
html[data-theme="light"] .gtocgroup a.read .gdone { box-shadow: inset 0 0 0 2px #fff; }
html[data-theme="light"] .ach { background: #fff; }
html[data-theme="light"] .battle.playing .bstick { background: #eef1f5; box-shadow: 0 10px 14px -6px rgba(15, 23, 42, .15); }
/* Karten, Kacheln, Dialoge */
html[data-theme="light"] .tile:hover, html[data-theme="light"] .card:hover { box-shadow: 0 12px 26px rgba(15, 23, 42, .14), 0 0 0 1px rgba(31, 158, 141, .15); }
html[data-theme="light"] .card .flag:not(.miss):not(.cmd), html[data-theme="light"] .card .img .tflag { background: rgba(255, 255, 255, .9); color: var(--text); border-color: rgba(15, 23, 42, .15); }
html[data-theme="light"] .infobtn, html[data-theme="light"] .infobtn:hover { background: linear-gradient(180deg, #fff, #f1f4f8); color: var(--text); }
html[data-theme="light"] .featdlg { background: linear-gradient(180deg, #ffffff, #f4f6f9); color: var(--text); box-shadow: 0 30px 90px rgba(15, 23, 42, .3); }
html[data-theme="light"] .featdlg::backdrop { background: rgba(30, 41, 59, .45); }
html[data-theme="light"] .login { background: rgba(255, 255, 255, .95); box-shadow: 0 20px 60px rgba(15, 23, 42, .25); }
html[data-theme="light"] .cardwall::after { background: rgba(238, 241, 245, .35); }
html[data-theme="light"] .colorpick input:checked + span { border-color: #1b2230; }
html[data-theme="light"] .cardtip img, html[data-theme="light"] .deck .thumbs img { box-shadow: 0 8px 22px rgba(15, 23, 42, .3); }
/* Scrollbalken */
html[data-theme="light"] ::-webkit-scrollbar-track { background: #eef1f5; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #c3cad5; border-color: #eef1f5; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #a9b2bf; }
/* Umschalter im Benutzermenue */
.ddmenu a.themeitem b { font-weight: 600; color: var(--accent2); }
/* Menue v2.38.0 */
html[data-theme="light"] .mi .mic { background: rgba(15, 23, 42, .04); }
html[data-theme="light"] .ddmenu a.mi.on .mic { background: rgba(31, 158, 141, .14); border-color: rgba(15, 122, 108, .3); }
/* Ordner-Ansicht v2.42.0 */
html[data-theme="light"] .bspread { background: linear-gradient(135deg, #6b4a31, #4a3322); }
html[data-theme="light"] .bpage { background: #f6f7f9; }
html[data-theme="light"] .bpocket { background: rgba(15, 23, 42, .04); border-color: rgba(15, 23, 42, .12); }