/* Beladungsrechner (sh_packapp)
 * Copyright (c) 2026 Alex Hess & Dorian Rautenberg. Alle Rechte vorbehalten.
 *
 * Interne Nutzung durch die Sörensen Hydraulik GmbH unentgeltlich gestattet.
 * Weitergabe an Dritte, Weiterverkauf und Vermarktung untersagt.
 * Vollständige Bedingungen: siehe LICENSE.
 */
/* ===========================================================================
   BRANDING - Farben und Schrift. Texte und Dateipfade in branding.js.

   Diese Datei wird vor css/app.css geladen. app.css enthält nur noch Aufbau
   und Abstände und greift ausschließlich über die Variablen unten auf
   Farben zu - eine neue Hausfarbe braucht also nur hier eine Änderung.

   Beim Umfirmieren reicht in der Regel der erste Block. Wer die Grautöne
   auch anpasst, sollte den Kontrast prüfen: --muted steht auf --card und
   sollte nicht unter 4,5:1 fallen.
   =========================================================================== */
:root {
  /* --- Hausfarben ------------------------------------------------------- */

  /* Sörensen Hydraulik: Gelbverlauf als Akzent, fast schwarzes Anthrazit als
     Textfarbe. Die Wortmarke ist schwarz-gelb und braucht hellen Untergrund. */
  --y1: #FFE255;   /* heller Ton des Verlaufs */
  --y2: #FFBD39;   /* dunkler Ton, zugleich Rahmenfarbe aktiver Schalter */
  --ink: #18181B;  /* Fließtext */

  /* --- Abgeleitete Töne -------------------------------------------------- */

  --ink-70: #4b4b52;    /* zweitrangiger Text */
  --muted: #71717a;     /* Beschriftungen, Hinweise */
  --line: #e2e4e9;      /* Rahmen */
  --line-soft: #eef0f4; /* Trennlinien in Tabellen */
  --bg: #f6f7f9;        /* Seitenhintergrund */
  --card: #ffffff;      /* Kartenhintergrund */

  --accent-grad: linear-gradient(100deg, var(--y1), var(--y2));

  /* Tastaturfokus. Muss auf hellem Grund sichtbar bleiben, deshalb der
     dunklere der beiden Gelbtöne mit reichlich Deckkraft. */
  --focus-ring: rgba(255, 189, 57, .55);
  --focus-soft: rgba(255, 189, 57, .35);

  /* --- Schrift ----------------------------------------------------------- */

  /* Systemschrift: keine Web-Schrift laden, sonst bräuchte die App eine
     Netzverbindung und liefe nicht mehr per Doppelklick offline. */
  --font: 14px/1.45 system-ui, "Segoe UI", Roboto, sans-serif;

  /* --- Logo -------------------------------------------------------------- */

  /* Höhe der Wortmarke. Ein Logo mit anderem Seitenverhältnis braucht hier
     meist eine Korrektur; die Breite ergibt sich von selbst. */
  --logo-hoehe: 54px;
  --logo-hoehe-schmal: 34px;  /* unter 700 px Fensterbreite */
  --logo-hoehe-druck: 30px;
}