/* ==========================================================
   Iso Herquist — Haus-CD (Brand Tokens)
   Schriften + Farben. Das Einzige, was projektübergreifend
   IDENTISCH sein soll (herquist.de, Uke Gym, H'ONGA, ...).

   Bei Änderung der Haus-Typo oder -Farben: NUR diese Datei
   editieren, dann in jedes Projekt neu reinkopieren. Kein
   Live-Link über Domains hinweg (siehe Notiz unten).

   Voraussetzung: Jedes Projekt braucht die Font-Dateien selbst
   unter assets/fonts/ - diese CSS referenziert nur den Pfad,
   liefert die Dateien nicht mit.
   ========================================================== */

@font-face {
  font-family: "Trade Gothic";
  src: url("assets/fonts/TradeGothicLT-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Trade Gothic";
  src: url("assets/fonts/TradeGothicLT-BoldTwo.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Chinese Rocks";
  src: url("assets/fonts/ChineseRocksRg-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Dynamoe";
  src: url("assets/fonts/Dynamoe-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Trixie Text";
  src: url("assets/fonts/Trixie-Text.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

:root,
[data-theme="dark"] {
  --color-bg: #000000;
  --color-text: #ffffff;
  --color-muted: #707070;
  --color-line: #333333;
  --icon-filter: invert(1); /* Icons/Logo sind schwarz -> für Dark auf Weiß drehen */
  --accent: #95802f; /* Gold, dunklerer Ton */
}

[data-theme="light"] {
  --color-bg: #ffffff;
  --color-text: #111111;
  --color-muted: #999999;
  --color-line: #dddddd;
  --icon-filter: none;
  --accent: #cbaa3a; /* Gold, hellerer Ton */
}

/* Fallback, falls JS deaktiviert ist: System-Präferenz greift,
   solange kein data-theme gesetzt wurde. */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --color-bg: #ffffff;
    --color-text: #111111;
    --color-muted: #555555;
    --color-line: #dddddd;
    --icon-filter: none;
  }
}

:root {
  --font-body: "Trade Gothic", "Helvetica Neue", Arial, sans-serif;
}