/* ==========================================================================
   Design-Tokens – Scheppach CI
   Quelle: CD Manual 2026 (intern), S. 11 Schriften, S. 14 Farbspezifikation,
           S. 15 Gestaltungselemente, S. 23 Farbdisziplin
   --------------------------------------------------------------------------
   Für einen CI-Wechsel reicht diese Datei. Das übrige Stylesheet greift
   ausschließlich auf die Variablen hier zu.
   ========================================================================== */

:root {
  /* --- Farben, CD Manual S. 14 "Grafische Gestaltung Print und Web" ------ */

  --c-blue: #004884; /* Scheppach Blau     CMYK 100 65 10 20  Pantone 541C  */
  --c-black: #1a1918; /* Scheppach Black    CMYK 0 0 0 100                   */
  --c-grey-90: #3b3a39; /* 90 % Schwarz       CMYK 0 0 0 90                    */
  --c-grey-20: #d9d9da; /* 20 % Schwarz       CMYK 0 0 0 20   Pantone P179-3C */
  --c-white: #ffffff;
  --c-signal: #ffe712; /* Signalfarbe        CMYK 2 2 89 1   Pantone P1-8C   */

  /* Abgeleitete Werte. Nicht aus dem Manual, nur Aufhellungen für Flächen –
     bei einer CI-Revision unkritisch. */
  --c-grey-08: #f2f2f3;
  --c-blue-tint: #e6edf3;
  --c-blue-dark: #00365f; /* Hover-Zustand, ~15 % abgedunkelt */
  --c-signal-dark: #e6d000;

  /* Rückmeldungen. Das Manual kennt keine Fehlerfarbe – Rot ist hier
     funktional, nicht dekorativ, und bleibt dem Formular vorbehalten. */
  --c-error: #c4271a;
  --c-error-bg: #fdf2f1;
  --c-success: #1b7a3e;
  --c-success-bg: #f0f8f2;

  /* Fokusring. Muss auf Weiß, Blau und Gelb sichtbar bleiben, deshalb ein
     eigener Wert statt der Markenfarbe. */
  --c-focus: #1a1918;

  /* --- Schriften, CD Manual S. 11 ---------------------------------------- */

  /* Fließtext und Bulletpoints: Arial Regular / Bold.
     Arial ist auf praktisch jedem Gerät vorhanden – kein Font-Download,
     kein externer Request, sofort gerendert. */
  --f-text: Arial, Helvetica, "Liberation Sans", sans-serif;

  /* Headlines: Bebas Neue Bold.
     Enthält laut S. 13 ausschließlich Großbuchstaben; Versalsatz ist damit
     CI-Vorgabe. Bis die Webfont-Datei vorliegt, greift Arial Narrow – auf
     Windows und macOS vorhanden, ebenfalls schmal laufend.
     Zum Aktivieren: @font-face unten einkommentieren, Datei unter
     assets/fonts/ ablegen. NICHT über Google Fonts einbinden. */
  --f-display: "Bebas Neue", "Arial Narrow", "Helvetica Neue Condensed",
    Arial, sans-serif;

  /* Modulare Skala, Verhältnis 1.25, Basis 17 px.
     Große Grade skalieren mit dem Viewport. */
  --t-xs: 0.8125rem; /* 13 px – Hinweise, Fehlermeldungen, Meta */
  --t-sm: 0.9375rem; /* 15 px – Labels, Zeitcodes */
  --t-base: 1.0625rem; /* 17 px – Fließtext */
  --t-md: 1.25rem; /* 20 px – Vorspann */
  --t-lg: clamp(1.5rem, 1.15rem + 1.6vw, 1.875rem);
  --t-xl: clamp(2rem, 1.4rem + 2.8vw, 2.75rem);
  --t-2xl: clamp(2.75rem, 1.6rem + 5.2vw, 4.75rem);

  --lh-display: 0.92; /* Bebas Neue läuft sehr eng, Versalien brauchen wenig */
  --lh-snug: 1.25;
  --lh-body: 1.6;

  --ls-display: 0.01em;

  /* --- Maße --------------------------------------------------------------
     Das schlichte Rechteck ist laut S. 15 das gebräuchlichste
     Gestaltungselement. Deshalb keine Radien. */

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  --w-page: 71rem;
  --w-text: 34rem; /* hält Fließtext unter ~75 Zeichen */

  --radius: 0;
  --bar-h: 2.75rem; /* Höhe des blauen Balkens */

  --rule: 1px solid var(--c-grey-20);
  --plate: 2px solid var(--c-black);
}

/* Bebas Neue, selbst gehostet. Quelle: Google Fonts (v16), Lizenz SIL OFL 1.1
   – siehe assets/fonts/OFL-Bebas-Neue.txt. Die Datei liegt auf unserem
   Server; zur Laufzeit geht kein Request an Google.

   Die Schrift hat nur einen Schnitt. Er ist hier für 400 bis 700 registriert,
   damit der Browser bei font-weight: 700 diese Datei nimmt statt Arial Narrow
   künstlich fett zu rechnen.

   Zwei Teildateien mit unicode-range: der Browser lädt nur die, deren Zeichen
   auf der Seite vorkommen. Für Deutsch und Englisch reicht "latin". */

@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/bebas-neue-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/bebas-neue-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}