/*
 * theme.css — Markenvariablen
 * ============================================================
 * Tochterunternehmen-Theme: SWISSSCAN PARTS & SERVICES GMBH
 * Farbschema: Rot / Schwarz aus dem Logo
 *   - Primary:   #F12635 (Swissscan Rot)
 *   - Dark:      #161616 (Logo-Schwarz)
 * ============================================================
 */

:root {
  /* ── Markenfarben ── */
  --primary:      #F12635;   /* Swissscan Rot (Hauptfarbe) */
  --primary-l:    #FF4655;   /* Hover-Variante (helleres Rot) */
  --primary-d:    #C81525;   /* Dunklere Variante (active/pressed) */
  --accent:       #161616;   /* Akzentfarbe Schwarz */

  /* Kompatibilitaets-Aliase fuer alte CSS-Klassen, die "blue" verwenden */
  --blue:         #F12635;   /* alte --blue Tokens werden auf Rot gemappt */
  --blue-l:       #FF4655;
  --blue-2:       #C81525;

  /* ── Hintergruende & Struktur ── */
  --dark:         #0A0A0A;   /* Sehr dunkles Schwarz (Footer, Hero-Overlays) */
  --mid:          #1F1F1F;
  --light-bg:     #F7F7F8;
  --surface:      #FFFFFF;
  --white:        #FFFFFF;

  /* ── Text ── */
  --text:         #161616;
  --text-2:       #374151;
  --text-mid:     #4A4A4A;
  --text-light:   #7A7A7A;

  /* ── Rahmen ── */
  --border:       #E4E4E7;

  /* ── Typografie ── */
  --font-h:       'Helvetica', serif;
  --font-b:       'Inter', sans-serif;    /* Fliesstext */

  /* ── Status-Farben ── */
  --ok:           #16A34A;
  --warn:         #D97706;
  --alert:        #DC2626;

  /* ── Logos (Pfade) ── */
  --logo-main:    'assets/img/logo-swissscan.png';
  --logo-sub-1:   'assets/img/logo-euroscan.png';
  --logo-sub-2:   'assets/img/logo-scheruebl.png';
  --logo-main-bg: #161616;   /* Hintergrundfarbe Swissscan-Logo */

  /* ── Intro-Screen ── */
  --intro-bg:     #161616;
}

/* ============================================================
 * Globale Brand-Overrides:
 * Hartcodierte Blautoene aus dem alten Theme werden hier
 * via CSS-Selektor-Verbreitung auf den Swissscan-Rotton gemappt.
 * ============================================================ */

/* Akzentfarbe — in Minimal-Rot-Strategie auf neutral gesetzt,
 * Rot bleibt primaeren CTA-Buttons vorbehalten. */
.hl, .accent { color: inherit; }

/* Buttons mit altem Blau-Look */
.btn, .cta, .nav-cta, .btn-cta-w, .btn-cta-o, .btn-w, .btn-o, .btn-light {
  /* erbt --primary jetzt automatisch */
}