/* ===========================================================
   top1solar Akzent-Schicht (zuletzt geladen)
   AUTOMATISCH GENERIERT von scripts/make-brand.py aus brand/top1solar.json
   NICHT von Hand editieren - Änderungen in der Branding-Datei vornehmen.
   Verschiebt alle primären Akzente (Buttons, aktive Zustände, Highlights)
   auf die CI-Hauptfarbe #F6931E. Status-/Erfolgsfarben (Grün) bleiben.
   =========================================================== */
:root,
body.premium-dark,
body.solardesk-demo,
body.theme-light,
body.premium-dark.theme-light,
body.solardesk-demo.theme-light {
  --accent:               #DA7A09 !important;
  --accent-warm:          #F6931E !important;
  --accent-warm-hover:    #DA7A09 !important;
  --accent-warm-soft:     rgba(246,147,30,0.16) !important;
  --accent-dark:          #AF6207 !important;
  --accent-darker:        #925206 !important;
  --accent-light:         rgba(246,147,30,0.12) !important;
  --accent-glow:          rgba(246,147,30,0.45) !important;
  --accent-gradient:      linear-gradient(135deg, #FAC483 0%, #F6931E 40%, #DA7A09 100%) !important;
  --accent-gradient-soft: linear-gradient(135deg, #FCE1C0 0%, #F6931E 100%) !important;
  --gold:                 #DA7A09 !important;
  --gold-main:            #F6931E !important;
  --gold-light:           #FAC483 !important;
  --gold-soft:            #FCE1C0 !important;
  --gold-bright:          #F6931E !important;
  --gold-sheen:           #FEEFDD !important;
  --gold-glow:            rgba(246,147,30,0.45) !important;
  --acc-bright:           #F6931E !important;
  --cockpit-accent:       #F6931E !important;
  --cockpit-accent-warm:  #DA7A09 !important;
  --shadow-gold:          0 8px 24px -10px rgba(218,122,9,0.5) !important;
}

/* Primär-Button: CI-Farbe mit lesbarem Text. */
body.premium-dark.solardesk-demo .btn-primary,
body.premium-dark.solardesk-demo .btn-accent,
body.premium-dark .btn-primary,
body.solardesk-demo .btn-primary,
body.premium-dark .btn-primary:hover,
body.solardesk-demo .btn-primary:hover,
.btn-primary, button.btn-primary, a.btn-primary {
  color: #1A1A1A !important;
  background: linear-gradient(135deg, #FAC483 0%, #F6931E 45%, #DA7A09 100%) !important;
  border: 1px solid #AF6207 !important;
  text-shadow: none !important;
  box-shadow: 0 1px rgba(255,255,255,.45) inset, 0 8px 22px -6px rgba(218,122,9,0.55), 0 2px 6px rgba(0,0,0,.25) !important;
}
body.premium-dark.solardesk-demo .btn-primary:hover,
body.premium-dark .btn-primary:hover,
body.solardesk-demo .btn-primary:hover {
  background: linear-gradient(135deg, #FCE1C0 0%, #F6931E 45%, #DA7A09 100%) !important;
  border-color: #F6931E !important;
  color: #1A1A1A !important;
}
.btn-primary:before, body.solardesk-demo .btn-primary:before { opacity: .35 !important; mix-blend-mode: soft-light !important; }

/* Fokus-Ring in CI-Farbe */
:focus-visible { outline-color: #F6931E !important; }

/* Sidebar-, Rahmen- und Glow-Variablen auf CI-Farbe (Deko, Status-Farben bleiben) */
:root, body.premium-dark, body.solardesk-demo, body.theme-light {
  --sidebar-active-bg: linear-gradient(135deg, rgba(246,147,30,0.2), rgba(218,122,9,0.08)) !important;
  --sidebar-active-text: #F6931E !important;
  --sidebar-active-border: rgba(246,147,30,0.42) !important;
  --sidebar-border: rgba(218,122,9,0.12) !important;
  --gold-glow: rgba(246,147,30,0.5) !important;
  --border: rgba(218,122,9,0.16) !important;
  --border-strong: rgba(218,122,9,0.3) !important;
}

/* CI-Schrift der Firma (make-brand.py) */
body, .sidebar, .main-content, button, input, select, textarea { font-family: Jost, Inter, system-ui, sans-serif !important; }
pre, code, kbd, .mono, [class*="mono"] { font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important; }
