/* ==========================================================================
   my-mind-revolution.de — lokale Token-Zuordnung

   Die Farbwerte stehen in design-system/brand-tokens.css. Hier werden sie
   nur in die Rollennamen übersetzt, die diese Seite verwendet.

   Diese Welt ist durchgehend die Mind-Welt: <html data-world="mind">.
   Dadurch gelten überall --accent = Terracotta, --accent-second = Sage.
   Der Unterschied zur Dachmarke ist nicht ein anderes Bauprinzip, sondern
   eine andere Grundstimmung — wärmer, ruhiger, näher.
   ========================================================================== */

:root {

  /* ---------- Flächen und Schrift ----------------------------------------
     Wärmeres Creme als die Dachmarke. Anthrazit statt Charcoal-Navy: die
     Mind-Welt ist die einzige, die warm bis in die Schrift geht.        */

  --paper:        var(--mind-cream);
  --paper-warm:   var(--mind-cream-soft);
  --paper-deep:   var(--mind-soft);
  --white:        var(--brand-white);

  --ink:          #241e1a;   /* warmes Anthrazit · 14.6:1 auf --mind-cream */
  --ink-deep:     var(--mind-dark);
  --muted:        #6b625a;   /* warmer Grauton · 5.4:1                     */
  --muted-soft:   #918a80;   /* nur Nichtinhaltliches: Linien, Marken      */

  --on-dark:       #f4efe8;
  --on-dark-muted: #b9b0a5;  /* 6.1:1 auf --mind-dark                      */

  --line:         rgba(36, 30, 26, .12);
  --line-strong:  rgba(36, 30, 26, .24);
  --line-dark:    rgba(255, 255, 255, .16);

  --focus:        var(--mind-primary-ink);
  --error:        var(--brand-error);
  --success:      var(--brand-success);

  /* ---------- Ebenen ------------------------------------------------------ */

  --z-base:    1;
  --z-sticky:  20;
  --z-header:  100;
  --z-skip:    300;
}
