/* Insurelution Wählaro — Design Tokens (McKinsey × Apple Vision) */
:root{
  /* Farben */
  --ca-navy:        #051C2C;  /* Basis / Hintergrund dunkel */
  --ca-navy-2:      #082740;  /* Flächen / Karten dunkel */
  --ca-gold:        #C8A44D;  /* Akzent: CTA, Zahlen, Linien */
  --ca-gold-soft:   #E4C878;  /* Akzent hell / Hover */
  --ca-mist:        #E6E9ED;  /* Flächen hell */
  --ca-paper:       #FFFFFF;
  --ca-ink:         #0B1520;  /* Text auf hell */
  --ca-muted:       #7C8A98;  /* Sekundärtext */

  /* Typografie */
  --ca-font: 'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* Radius / Glas */
  --ca-radius: 14px;
  --ca-radius-lg: 22px;
}

/* Beispiel: Primär-Button im Marken-Stil */
.ca-btn{
  font-family:var(--ca-font); font-weight:600; letter-spacing:.01em;
  background:var(--ca-gold); color:var(--ca-navy);
  border:none; border-radius:10px; padding:12px 22px; cursor:pointer;
  transition:background .15s ease;
}
.ca-btn:hover{ background:var(--ca-gold-soft); }