/*
Theme Name: KoSch Holding – App-Design
Theme URI: https://kosch-holding.de
Author: KoSch Holding
Template: kosch-theme
Description: Webseite im Design der KoSch-App (app.kosch-holding.de). Kind-Theme von „KoSch Holding Theme“: alle Funktionen des Basis-Themes bleiben aktiv; Gerüst und Bausteine (assets/app/kapp.css, inc/kapp-ui.php) sind auf allen KoSch-Webseiten identisch, diese Datei setzt nur die Firmenfarben.
Version: 1.0.0
License: GPL v2 or later
Text Domain: kosch-holding
*/

/* Firmen-Tokens KoSch Holding – exakt wie im Hub (static/oh-design/theme-a.css, Mandant „holding“). */
:root {
  --d-bg: #fffcf5;
  --d-surface-2: #fffaf0;
  --d-accent: #f5a623;
  --d-accent-hover: #e09000;
  --d-on-accent: #1c1917;
  --d-accent-text: #8a5200;
  --d-accent-soft: #fff1d6;
  --d-accent-soft-strong: #fde8bf;
  --d-accent-2: #194d85;
  --d-focus: #8a5200;
  --d-rail: #f5a623;
  --d-logo-h: 54px;
  --d-logo-h-mobile: 42px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --d-bg: #121820;
    --d-surface-2: color-mix(in srgb, #1a2332 70%, #2a3545);
    --d-accent: #f7b847;
    --d-accent-hover: #f5a623;
    --d-on-accent: #1c1917;
    --d-accent-text: #f9c86a;
    --d-accent-soft: rgba(245, 166, 35, 0.14);
    --d-accent-soft-strong: rgba(245, 166, 35, 0.26);
    --d-focus: #f7b847;
    --d-rail: #f7b847;
  }
}

/* 14.11.2026 Logofamilie 2026-11: Logos haben eine eigene Fassung „dunkel“ – keine helle Unterlage. */
:root { --d-logo-h: 34px; --d-logo-h-mobile: 28px; }
@media (prefers-color-scheme: dark) { :root { --d-logo-plate: transparent; --d-logo-pad: 0; } }
.kapp-footer__brand img { height: auto; width: min(100%, 380px); }
.kapp-media--logo .kapp-logo img { width: min(100%, 440px); height: auto; }

/* Slogan-Pflicht 14.11.2026: Kopf-Logo = Vollfassung mit Slogan und Zusatzzeile */
.kapp-brand img { height: 78px !important; width: auto; max-width: min(78vw, 440px) !important; padding: 0 !important; background: none !important; }
.kapp-nav__brand img { height: auto !important; width: min(100%, 320px) !important; }
@media (max-width: 720px) {
  .kapp-brand img { height: auto !important; width: min(74vw, 330px) !important; max-width: none !important; }
}