/* DivRebound Design-System – Quelle: "DivRebound CI Style Guide" (Variante B · Navy/Cyan) */

/* Selbst gehostete Web-Fonts (aus dem CI Style Guide extrahiert, nur die
   "latin"-Subsets - decken auch deutsche Umlaute/ß ab, da diese im
   Latin-1-Supplement liegen, nicht im "latin-ext"-Bereich). Bewusst selbst
   gehostet statt live von fonts.googleapis.com geladen, wie im CI-Dokument
   selbst als GDPR-Empfehlung vermerkt: keine Übertragung der Besucher-IP an
   Google. Variable Fonts, daher genügt je eine Deklaration mit Gewichts-Spanne. */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("./fonts/dm-sans-latin.woff2") format("woff2");
}
@font-face {
  font-family: "DM Serif Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/dm-serif-display-normal-latin.woff2") format("woff2");
}
@font-face {
  font-family: "DM Serif Display";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/dm-serif-display-italic-latin.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./fonts/jetbrains-mono-latin.woff2") format("woff2");
}

/* Auch auf :root, damit die Website (bekommt beim Build eine Kopie dieser
   Datei, siehe eleventy.config.js) dieselben Tokens nutzt. */
:root,
#divrebound-app {
  --navy: #0f2240;
  --navy-mid: #1a3a6b;
  --navy-light: #e8eef7;
  --cyan: #00b4d8;
  --cyan-dark: #007a9e;
  --cyan-light: #e0f7fc;
  --bg: #f2f4f7;
  --surface: #ffffff;
  --charcoal: #111827;
  --muted: #6b7c93;
  --stone: #aab4c4;
  --divider: #d8dfe8;
  --success: #059669;
  --success-bg: #d1fae5;

  /* Nicht im offiziellen CI Style Guide definiert, aber durchgängig in allen
     Mockups als Fehler-/Ablehnungszustand genutzt (siehe divrebound_shell_mockup.html) –
     bewusst in derselben gedämpften Familie gehalten. */
  --danger: #a8433a;
  --danger-tint: #f7e9e7;

  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;
}

#divrebound-app * {
  box-sizing: border-box;
}

#divrebound-app {
  font-family: var(--font-body);
  color: var(--charcoal);
  background: var(--bg);
}