/* Siki — Markenschicht
   Nach core/tokens.css laden. Genau EINE brand.css pro Dokument.
   Intelligenter Service-Assistent (KI)

   Kontrast (WCAG, gerundet):
     --brand auf --bg .............. 2.21:1
     --brand-deep auf --bg ......... 3.11:1
     Weiß auf --brand .............. 2.35:1
     --ink auf --brand ............. 6.18:1
*/

:root {
  --brand:        rgb(255, 128, 170);   /* #FF80AA — Logo, Akzente */
  --brand-light:  rgb(255, 166, 195);   /* #FFA6C3 — mittlerer Balken im Logo, Hover-Tint */
  --brand-deep:   rgb(248, 75, 134);   /* #F84B86 — Gradient-Ende, Pressed (gesetzt, nicht abgeleitet) */
  --brand-ui:     var(--brand-deep);  /* = --brand-deep (--brand ist auf --bg zu hell) */

  --fg-on-brand:  var(--ink);
  --ring-focus:   0 0 0 3px rgba(255, 128, 170, 0.35);
}