AP1 Light Mode: Token-Nachschaerfung, Light-Kartenakzente, 3 echte Light-Varianten

- theme.css: Light-Tokens auf WCAG AA nachgeschaerft (accent #c2410c, accent-2
  #b45309, muted #6b5f4c, secondary #146b96, secondary-2 #0f5a80, Spiel-Durch-
  faller esc/sc/dl/ss/ff). Neues Token --warn (hell #8a6a06 / dunkel #edcb4c).
- platform-neural.css: Light-Kartenakzente je Spiel (farbton-treu abgedunkelt,
  alle >=4.6:1 auf Kartengrund) statt der Neon-Leaks; Light-finalflux-Override.
- dashboard.html: #edcb4c-Hardcodes -> var(--warn).
- ServiceClash/Networker/BugHunter: echte Light-Varianten ueber scoped Custom
  Properties auf .sc-body/.nw-body/.bh-body (Dark-Defaults = alte Werte, Dark
  pixelgleich), handentworfene Light-Paletten (alle Kontraste WCAG-AA geprueft),
  .mf-theme-Toggle im Header ergaenzt, Networker-var(--text)/(--muted)-Bug
  behoben. Spielfremde .nw-*/.bh-*-Regeln aus accessibility-placement.css in die
  jeweiligen Spiel-CSS verschoben (ohne !important).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WFxcjtc9HNP4VECT6Ur1tE

src/main/resources/static/css/accessibility-placement.css

@@ -18,7 +18,4 @@ body[class*="mf-a11y-skin-"] .mf-a11y-panel{border-color:color-mix(in srgb,var(-
 body[class*="mf-a11y-skin-"] .mf-a11y-head{background:color-mix(in srgb,var(--mf-a11y-accent) 28%,#07121f)}
 body[class*="mf-a11y-skin-"] .mf-a11y-close{background:var(--mf-a11y-accent);color:var(--mf-a11y-ink)}
 body[class*="mf-a11y-skin-"] .mf-a11y-option[aria-pressed="true"]{border-color:var(--mf-a11y-accent);background:color-mix(in srgb,var(--mf-a11y-accent) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--mf-a11y-accent)}
-.bh-cabinet-level{grid-column:1/-1;margin:.5rem 0 -.15rem;padding-bottom:.35rem;border-bottom:1px solid #60473d;color:var(--bh-accent);font:700 .66rem "Courier New",monospace;letter-spacing:.12em}
-.bh-drawer.solved{overflow:hidden}.bh-solved-stamp{display:inline-block;border:3px solid #79bf91;border-radius:4px;padding:.24rem .48rem;color:#79bf91;font:700 .78rem/1 "Courier New",monospace;letter-spacing:.12em;transform:rotate(-12deg);text-shadow:none;box-shadow:0 0 12px color-mix(in srgb,#79bf91 26%,transparent);pointer-events:none}.bh-drawer .bh-solved-stamp{position:absolute;right:3.1rem;top:.75rem}.bh-solved-stamp-detail{position:absolute;right:1.4rem;top:1.25rem;font-size:1rem}.bh-solved-stamp-result{margin:0 0 .8rem;font-size:1.15rem}
-.nw-app{background:repeating-linear-gradient(0deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),radial-gradient(circle at 50% -20%,rgba(27,89,148,.38),transparent 48%),#071527!important}.nw-board{background:repeating-linear-gradient(0deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(103,187,255,.12) 0 1px,transparent 1px 30px),rgba(5,18,33,.9)!important}
 @media(max-width:700px){.mf-a11y-panel{inset:70px 6px auto 6px!important;width:auto;max-height:calc(100dvh - 82px)}}

src/main/resources/static/css/platform-neural.css

@@ -93,5 +93,22 @@ html[data-theme="light"].sn-platform body .mf-footer { background:rgba(244,251,2
 html[data-theme="light"].sn-platform body .auth-container { background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,243,.98)); border-color:rgba(22,122,82,.38); }
 html[data-theme="light"].sn-platform body .overlay { background:radial-gradient(520px 320px at 62% 18%,rgba(22,122,82,.15),transparent 62%),linear-gradient(150deg,#e8f6ef,#f7fcf9); }
 html[data-theme="light"].sn-platform body .auth-head b { color:#167a52; }
+/* Light-Kartenakzente: farbton-treu abgedunkelt, damit die Neon-Werte aus Z.41-49
+   nicht auf die fast-weissen Karten leaken. Alle Akzente >=4.6:1 auf Kartengrund,
+   weisse Ink darauf >=4.9:1; --accent-2 als hellerer Deko-Ton. */
+html[data-theme="light"].sn-platform body .mf-card-mindmatch    { --accent:#a62c74; --accent-2:#c87ca9; --glow-s:rgba(166,44,116,.22); }
+html[data-theme="light"].sn-platform body .mf-card-techtacular  { --accent:#67700a; --accent-2:#a1a667; --glow-s:rgba(103,112,10,.22); }
+html[data-theme="light"].sn-platform body .mf-card-devlab       { --accent:#167a52; --accent-2:#6fad94; --glow-s:rgba(22,122,82,.22); }
+html[data-theme="light"].sn-platform body .mf-card-syntaxsaga   { --accent:#6742d6; --accent-2:#a18ae6; --glow-s:rgba(103,66,214,.22); }
+html[data-theme="light"].sn-platform body .mf-card-codeescape   { --accent:#8a6a06; --accent-2:#b6a365; --glow-s:rgba(138,106,6,.22); }
+html[data-theme="light"].sn-platform body .mf-card-serviceclash { --accent:#0e7c86; --accent-2:#6aaeb4; --glow-s:rgba(14,124,134,.22); }
+html[data-theme="light"].sn-platform body .mf-card-bughunter    { --accent:#c22736; --accent-2:#d97982; --glow-s:rgba(194,39,54,.22); }
+html[data-theme="light"].sn-platform body .mf-card-networker    { --accent:#1668a8; --accent-2:#6fa1c9; --glow-s:rgba(22,104,168,.22); }
+html[data-theme="light"].sn-platform body .mf-card-finalprotocol{ --accent:#b5490f; --accent-2:#d18e6a; --glow-s:rgba(181,73,15,.22); }
+/* Light-Variante des finalflux-Shell-Overrides (dunkel: Z.57-60). */
+html[data-theme="light"].sn-platform body.finalflux-shell, html[data-theme="light"].sn-platform body.finalflux-page {
+  --accent:#b5490f; --accent-2:#d18e6a; --accent-ink:#fff;
+  --glow-s:rgba(181,73,15,.22); --glow-w:rgba(181,73,15,.12);
+}
 @media (max-width:820px) { html.sn-platform body .mf-sidebar { background:#061114; } }
 @media (max-width:820px) { html[data-theme="light"].sn-platform body .mf-sidebar { background:#f5fbf7; } }

src/main/resources/static/css/theme.css

@@ -15,7 +15,7 @@
   --border-accent:rgba(240,168,26,.45); --accent:#f0a81a; --accent-2:#f7dc11; --accent-ink:#1c1100;
   --secondary:#2d9cce; --secondary-2:#5cc4e8;
   --text:#ece3d2; --muted:#8c8170; --heading:#ffffff;
-  --success:#2d9cce; --danger:#ff4d6d;
+  --success:#2d9cce; --danger:#ff4d6d; --warn:#edcb4c;
   --esc-accent:#f0a81a; --esc-glow:rgba(240,168,26,.48);
   --bh-accent:#d94b64; --bh-glow:rgba(217,75,100,.42);
   --sc-accent:#38b9d6; --sc-glow:rgba(56,185,214,.40);
@@ -34,19 +34,19 @@
   --bg:#fbf6ec; --bg-glow: radial-gradient(900px 420px at 60% -10%, rgba(214,81,22,.10), transparent 60%);
   --panel:#ffffff; --panel-2:#fdf7ea; --surface:#ffffff; --surface-2:#fbf4e6;
   --border:#ece1cf; --line:#f1e8d8;
-  --border-accent:rgba(214,81,22,.40); --accent:#d65116; --accent-2:#e4801d; --accent-ink:#ffffff;
+  --border-accent:rgba(194,65,12,.40); --accent:#c2410c; --accent-2:#b45309; --accent-ink:#ffffff;
-  --secondary:#1f86b8; --secondary-2:#2d9cce;
+  --secondary:#146b96; --secondary-2:#0f5a80;
-  --text:#33271c; --muted:#8a7d6c; --heading:#241a12;
+  --text:#33271c; --muted:#6b5f4c; --heading:#241a12;
-  --success:#1f86b8; --danger:#be123c;
+  --success:#146b96; --danger:#be123c; --warn:#8a6a06;
-  --esc-accent:#c96a12; --esc-glow:rgba(201,106,18,.30);
+  --esc-accent:#a85408; --esc-glow:rgba(168,84,8,.30);
   --bh-accent:#b42342; --bh-glow:rgba(180,35,66,.26);
-  --sc-accent:#147f9e; --sc-glow:rgba(20,127,158,.26);
+  --sc-accent:#0e7c86; --sc-glow:rgba(14,124,134,.26);
   --nw-accent:#2868c7; --nw-glow:rgba(40,104,199,.26);
   --mm-accent:#7d4ac5; --mm-secondary:#127b68; --mm-glow:rgba(125,74,197,.24);
   --tt-accent:#b42c76; --tt-secondary:#315bb8; --tt-glow:rgba(180,44,118,.22);
-  --dl-accent:#ba5d16; --dl-secondary:#147d7a; --dl-glow:rgba(186,93,22,.22);
+  --dl-accent:#9c4d0f; --dl-secondary:#147d7a; --dl-glow:rgba(156,77,15,.22);
-  --ss-accent:#277d49; --ss-secondary:#a56918; --ss-glow:rgba(39,125,73,.20);
+  --ss-accent:#277d49; --ss-secondary:#8a5710; --ss-glow:rgba(39,125,73,.20);
-  --ff-accent:#a8781f; --ff-secondary:#4b59ae; --ff-glow:rgba(168,120,31,.20);
+  --ff-accent:#8c5e10; --ff-secondary:#4b59ae; --ff-glow:rgba(140,94,16,.20);
   --fluxtimer-primary:#b42342; --fluxtimer-secondary:#c96a12;
   --fluxtimer-display:#fff5ec; --fluxtimer-segment:#a93131;
   --glow-s:rgba(214,81,22,.40); --glow-w:rgba(214,81,22,.12);

src/main/resources/templates/bughunter.html

@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>BugHunter · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/bughunter.css?v=2"><script src="/js/theme.js?v=4"></script></head><body><main class="bh-app"><header class="bh-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="bh-back">← Dashboard</a><a href="/bughunter" class="bh-btn">AKTENSCHRANK</a></div><div class="bh-brand"><b>BUGHUNTER</b><span>DEBUG-FALLAKTEN</span></div><span class="mf-a11y-host"></span></header><section id="bhView" class="bh-view"><div class="bh-loading">FALLAKTEN WERDEN GEÖFFNET …</div></section></main><script src="/js/bughunter.js?v=5"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>BugHunter · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/bughunter.css?v=3"><script src="/js/theme.js?v=4"></script></head><body class="bh-body"><main class="bh-app"><header class="bh-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="bh-back">← Dashboard</a><a href="/bughunter" class="bh-btn">AKTENSCHRANK</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="bh-brand"><b>BUGHUNTER</b><span>DEBUG-FALLAKTEN</span></div><span class="mf-a11y-host"></span></header><section id="bhView" class="bh-view"><div class="bh-loading">FALLAKTEN WERDEN GEÖFFNET …</div></section></main><script src="/js/bughunter.js?v=5"></script></body></html>

src/main/resources/templates/dashboard.html

@@ -16,8 +16,8 @@
     .status-summary::before { content:""; display:inline-block; width:.52rem; height:.52rem; margin-right:.42rem; border-radius:50%; background:var(--muted); box-shadow:0 0 8px color-mix(in srgb,var(--muted) 60%,transparent); }
     .network-status.ready .status-summary { color:var(--accent); }
     .network-status.ready .status-summary::before { background:var(--accent); box-shadow:0 0 8px var(--glow-s); }
-    .network-status.restricted .status-summary { color:#edcb4c; }
+    .network-status.restricted .status-summary { color:var(--warn); }
-    .network-status.restricted .status-summary::before { background:#edcb4c; box-shadow:0 0 8px rgba(237,203,76,.48); }
+    .network-status.restricted .status-summary::before { background:var(--warn); box-shadow:0 0 8px color-mix(in srgb,var(--warn) 48%,transparent); }
     .status-caption { color:var(--muted); font-size:.72rem; line-height:1.45; margin:.25rem 0 0; }
     .status-details { grid-column:1 / -1; display:none; gap:.45rem; padding-top:.2rem; color:var(--muted); font-size:.72rem; }
     .status-details.open { display:grid; }

src/main/resources/templates/networker.html

@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>NetWorker · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/networker.css?v=1"><link rel="stylesheet" href="/css/networker-guide.css?v=1"><script src="/js/theme.js?v=4"></script></head><body><main class="nw-app"><header class="nw-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="nw-back">← Dashboard</a><a href="/networker" class="nw-btn">NETZPLÄNE</a></div><div class="nw-brand"><b>NetWorker</b><span>NETZPLAN · DIAGNOSE</span></div><span class="mf-a11y-host"></span></header><section id="nwView" class="nw-view"><div class="nw-loading">NETZWERKPLÄNE WERDEN KALIBRIERT …</div></section></main><script src="/js/networker.js?v=1"></script><script src="/js/networker-guide.js?v=1"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>NetWorker · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/networker.css?v=2"><link rel="stylesheet" href="/css/networker-guide.css?v=1"><script src="/js/theme.js?v=4"></script></head><body class="nw-body"><main class="nw-app"><header class="nw-top"><div style="display:flex;align-items:center;gap:.65rem"><a href="/dashboard" class="nw-back">← Dashboard</a><a href="/networker" class="nw-btn">NETZPLÄNE</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="nw-brand"><b>NetWorker</b><span>NETZPLAN · DIAGNOSE</span></div><span class="mf-a11y-host"></span></header><section id="nwView" class="nw-view"><div class="nw-loading">NETZWERKPLÄNE WERDEN KALIBRIERT …</div></section></main><script src="/js/networker.js?v=1"></script><script src="/js/networker-guide.js?v=1"></script></body></html>

src/main/resources/templates/serviceclash.html

@@ -1 +1 @@
-<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ServiceClash · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/serviceclash.css?v=1"><script src="/js/theme.js?v=4"></script></head><body><main class="sc-app"><header class="sc-top"><div class="sc-nav"><a href="/dashboard">← Dashboard</a><a href="/serviceclash" class="sc-nav-button">SCHICHTEN</a></div><div class="sc-brand"><b>ServiceClash</b><span>LEITSTAND · TRIAGE</span></div><span class="mf-a11y-host"></span></header><section id="scView" class="sc-view"><p class="sc-loading">LEITSTAND WIRD HOCHGEFAHREN …</p></section></main><script src="/js/serviceclash.js?v=2"></script></body></html>
+<!doctype html><html lang="de" data-theme="dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ServiceClash · SysnaptiK Neural</title><link rel="stylesheet" href="/css/theme.css?v=3"><link rel="stylesheet" href="/css/serviceclash.css?v=2"><script src="/js/theme.js?v=4"></script></head><body class="sc-body"><main class="sc-app"><header class="sc-top"><div class="sc-nav"><a href="/dashboard">← Dashboard</a><a href="/serviceclash" class="sc-nav-button">SCHICHTEN</a><button class="mf-theme" type="button" aria-label="Theme umschalten"></button></div><div class="sc-brand"><b>ServiceClash</b><span>LEITSTAND · TRIAGE</span></div><span class="mf-a11y-host"></span></header><section id="scView" class="sc-view"><p class="sc-loading">LEITSTAND WIRD HOCHGEFAHREN …</p></section></main><script src="/js/serviceclash.js?v=2"></script></body></html>