/* =====================================================================
   CORPORATE IDENTITY – IT-Services Marcel Neumann
   ---------------------------------------------------------------------
   Werte nach CI-Manual (identisch mit itsmn.de):
     Dunkelgrau #494949 · Grün #7FBA25 (PANTONE 376C) · Weiß #FFFFFF
     Typografie: Bananas (Condensed) für Überschriften
   Nur diese Datei bestimmt Farben, Schriften und Formen der Anwendung.
   ===================================================================== */

/* Hausschrift „Bananas VF“ (Canada Type) als variable Schrift,
   auf Latin reduziert. Lokal gehostet: kein Drittanbieter, DSGVO-konform.
   Hinweis: Die Webfont-Lizenz muss die Subdomain mit abdecken. */
@font-face {
  font-family: "CI Display";
  src: url("../fonts/ci-display.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ① PRIMÄRFARBE – Buttons, Fokusrahmen, Akzente (CI-Grün) */
  --ci-primary: #7fba25;
  --ci-primary-hover: #8cc93a;
  /* Text AUF der Primärfarbe (Grün + Weiß erreicht kein WCAG-AA) */
  --ci-on-primary: #262626;
  /* Primärfarbe als TEXT auf Weiß, kontrastsicher (6,4 : 1) */
  --ci-primary-text: #3f6a0c;

  /* ② SEKUNDÄRFARBE – Fließtext, dunkle Flächen (CI-Dunkelgrau) */
  --ci-secondary: #494949;
  /* Überschriften etwas dunkler für mehr Kontrast */
  --ci-heading: #2f2f2f;

  /* ③ FLIESSTEXT-SCHRIFT */
  --ci-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* ④ ÜBERSCHRIFTEN-SCHRIFT */
  --ci-font-heading: "CI Display", "Bananas Medium Condensed", "Bananas Condensed", "Bananas",
                     "Avenir Next Condensed", "Bahnschrift SemiCondensed", "Roboto Condensed", "Arial Narrow", sans-serif;

  /* Flächen und Linien */
  --ci-bg: #f4f5f2;
  --ci-surface: #ffffff;
  --ci-line: #e1e3de;
  --ci-muted: #5e5e5e;
  --ci-danger: #b03224;

  /* Formen (wie itsmn.de: Pillen-Buttons, weiche Karten) */
  --ci-radius-button: 999px;
  --ci-radius-input: 8px;
  --ci-radius-card: 22px;

  /* Logo */
  --ci-logo-height: 42px;
}