/* ============================================================
   docpit · Design-Token (zentrale Stelle, vgl. Pflichtenheft 5.1)
   Ein Farbwechsel aus MyCRM ist hier ein Ein-Zeilen-Eingriff.
   ============================================================ */

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Italic-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Primärakzent Himbeere */
  --himbeere:        #C73D6A;
  --himbeere-dunkel: #A8234F;
  --himbeere-fond:   #FCE1E9;

  /* Sekundär Flieder */
  --flieder:         #9B4DB8;
  --flieder-dunkel:  #7C3EC9;   /* vorgehalten: dunkles Paarglied wie bei Himbeere */

  /* Zustände */
  --salbei:          #4FA572;
  --blatt-oben:      #3F845B;   /* Kalenderblatt: trägt weiße Schrift ab 4,5:1 */
  --blatt-unten:     #38754F;
  --salbei-fond:     #DFEFE4;
  --aprikose:        #E89147;
  --aprikose-fond:   #FBE4CC;
  --aegaeis:         #3082B8;
  --aegaeis-dunkel:  #1F5590;

  /* Weitere Akzente */
  --tuerkis:         #2FA0A8;
  --taubenblau:      #1B5E7A;
  --gelb:            #EAC32E;   /* vorgehalten: noch ohne Träger im Aufbau */

  /* Text & Flächen */
  --aubergine:       #2C2340;
  --pflaume:         #4A3D5A;
  --lavendel-grau:   #8D7A9C;
  --rose-linie:      #F0E4EA;
  --mandel-creme:    #FAF7F2;
  --weiss:           #FFFFFF;

  /* Zarte Fondtöne (Startseiten-Farbwelt) */
  --aegaeis-fond:    #DCEBF6;
  --flieder-fond:    #EFE1F7;
  --tuerkis-fond:    #DAF0F0;
  --gelb-fond:       #FBF0CC;   /* vorgehalten: Fondglied zu --gelb */

  /* Zonen-Verläufe der Spruch-Karten (M3).
     Die b-Werte greifen auf die Fondtöne oben zu, statt deren Hexzahl ein
     zweites Mal zu führen — sonst wäre ein Farbwechsel zwei Eingriffe, und
     der zweite wird vergessen. --zone-heute-b steht bewusst frei: der Wert
     ist kein Fondton, sondern eigens gewählt. */
  --zone-heute-a:         #FFFFFF;
  --zone-heute-b:         #FBE9CE;
  --zone-eingangstor-a:   #FFFFFF;
  --zone-eingangstor-b:   var(--aegaeis-fond);
  --zone-ich-bin-genug-a: #FFFFFF;
  --zone-ich-bin-genug-b: var(--himbeere-fond);
  --zone-hoffnung-weg-a:  #FFFFFF;
  --zone-hoffnung-weg-b:  var(--salbei-fond);
  --zone-wir-a:           #FFFFFF;
  --zone-wir-b:           var(--tuerkis-fond);
  --zone-bildkarten-a:    #FFFFFF;
  --zone-bildkarten-b:    #E7E4F2;

  /* Untergrund für durchsichtige Bilder: warm, flach abgestuft.
     Kleine Farbabstände, damit die Bildschirmfreigabe keine Streifen bildet. */
  --bildgrund-1:          #FDFBF7;
  --bildgrund-2:          #F9F2F2;
  --bildgrund-3:          #F3EDF4;
  --buehne-1:             #F4EFE9;
  --buehne-2:             #EDE7EE;
  --zone-praxis-a:        #FFFFFF;
  --zone-praxis-b:        var(--flieder-fond);

  /* Radien & Schatten (Aubergine-getönt, weich) */
  --radius-s: 14px;
  --radius-m: 22px;
  --radius-l: 32px;
  --radius-pille: 999px;
  --schatten-ruhe: 0 2px 10px rgba(44, 35, 64, 0.08);
  --schatten-hover: 0 6px 22px rgba(44, 35, 64, 0.16);
  --schatten-glut: 0 8px 28px rgba(199, 61, 106, 0.28);

  /* Typografie 60+ */
  --schrift: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --grund-groesse: 17px;
  --original-groesse: 21px;   /* vorgehalten: Vollbild-Schriftgrad, greift erst mit der Umschaltung */

  /* Klickflächen */
  --klick-min: 44px;
  --klick-kern: 54px;
}