/* kapitel/fach.css — Fach-Palette und Hero, gesteuert über <html data-fach="…">.
   Erlaubte Werte: mathematik | physik | informatik | chemie | biologie | schach
   IMMER NACH der typ-Datei (inhalt.css, uebungsseite.css, …) einbinden —
   sie überschreibt deren fest verdrahtete Mathematik-Farben.
   Die Fach-Grundfarbe bleibt die Identität der Seite; die Nuklidkarten-Palette
   wird darin nur semantisch für einzelne Elemente eingesetzt. */

/* ---------- Fallback, falls data-fach fehlt: Mathematik ---------- */
:root{
  --fach:#d6e4f5; --fach-deep:#a8c5e3; --fach-strong:#3a5a8c; --fach-ink:#15294a;
  --fach-hero:#122236;
  --fach-hero-img:linear-gradient(135deg,#1c3355 0%,#122236 100%);
}
html[data-fach="mathematik"]{
  --fach:#d6e4f5; --fach-deep:#a8c5e3; --fach-strong:#3a5a8c; --fach-ink:#15294a;
  --fach-hero:#122236;
  --fach-hero-img:linear-gradient(135deg,#1c3355 0%,#122236 100%);
}
html[data-fach="physik"]{
  --fach:#e6dcf2; --fach-deep:#c9b3e8; --fach-strong:#7c5fb5; --fach-ink:#3d2a6b;
  --fach-hero:#2d1a5a;
  --fach-hero-img:radial-gradient(900px 520px at 14% 16%,rgba(124,95,181,.48),transparent 60%),radial-gradient(820px 480px at 86% 6%,rgba(160,130,215,.30),transparent 55%),radial-gradient(900px 640px at 80% 96%,rgba(30,16,62,.92),transparent 60%),linear-gradient(135deg,#4a2f8f 0%,#2d1a5a 100%);
}
html[data-fach="informatik"]{
  --fach:#f7dcc4; --fach-deep:#f0c79e; --fach-strong:#c47a3a; --fach-ink:#6b3a14;
  --fach-hero:#3a230f;
  --fach-hero-img:radial-gradient(900px 520px at 14% 16%,rgba(196,122,58,.48),transparent 60%),radial-gradient(820px 480px at 86% 6%,rgba(220,150,80,.30),transparent 55%),radial-gradient(900px 640px at 80% 96%,rgba(45,25,10,.92),transparent 60%),linear-gradient(135deg,#6b3a14 0%,#3a230f 100%);
}
html[data-fach="chemie"]{
  --fach:#d8edd2; --fach-deep:#b8d8b0; --fach-strong:#4a8a45; --fach-ink:#1f4a1a;
  --fach-hero:#11280f;
  --fach-hero-img:radial-gradient(900px 520px at 14% 16%,rgba(74,138,69,.48),transparent 60%),radial-gradient(820px 480px at 86% 6%,rgba(110,180,100,.30),transparent 55%),radial-gradient(900px 640px at 80% 96%,rgba(12,30,12,.92),transparent 60%),linear-gradient(135deg,#1f4a1a 0%,#11280f 100%);
}
html[data-fach="biologie"]{
  --fach:#fce5d4; --fach-deep:#f5c8a0; --fach-strong:#b8542a; --fach-ink:#5a2810;
  --fach-hero:#321608;
  --fach-hero-img:radial-gradient(900px 520px at 14% 16%,rgba(184,84,42,.48),transparent 60%),radial-gradient(820px 480px at 86% 6%,rgba(220,120,70,.30),transparent 55%),radial-gradient(900px 640px at 80% 96%,rgba(40,18,8,.92),transparent 60%),linear-gradient(135deg,#5a2810 0%,#321608 100%);
}
html[data-fach="schach"]{
  --fach:#efe6d8; --fach-deep:#d6c8a8; --fach-strong:#5a4a32; --fach-ink:#2e2618;
  --fach-hero:#1c1610;
  --fach-hero-img:radial-gradient(900px 520px at 14% 16%,rgba(120,100,70,.45),transparent 60%),radial-gradient(820px 480px at 86% 6%,rgba(150,128,95,.28),transparent 55%),radial-gradient(900px 640px at 80% 96%,rgba(28,22,16,.92),transparent 60%),linear-gradient(135deg,#2e2618 0%,#1c1610 100%);
}

/* ---------- Brücke zu den Altnamen ----------
   Die kapitel-Stylesheets referenzieren --mathe-*, ältere Physik-Seiten --physik-*,
   Informatik --accent-*. Alle zeigen jetzt auf die Fach-Palette, damit dieselbe
   Datei in jedem Fach funktioniert. */
:root{
  --mathe:var(--fach);        --mathe-deep:var(--fach-deep);
  --mathe-strong:var(--fach-strong); --mathe-ink:var(--fach-ink);
  --physik:var(--fach);       --physik-deep:var(--fach-deep);
  --physik-strong:var(--fach-strong); --physik-ink:var(--fach-ink);
  --accent:var(--fach);       --accent-deep:var(--fach-deep);
  --accent-strong:var(--fach-strong); --accent-ink:var(--fach-ink);
}

/* ---------- Hero ---------- */
.topic-hero{
  background-color:var(--fach-hero);
  background-image:var(--fach-hero-img);
  background-size:cover;
  background-position:center;
  color:#fff;
}

/* Druckansicht wieder neutral (steht bewusst am Ende dieser Datei). */
@media print{
  .topic-hero{background:none !important;color:#000 !important}
}
