/* Drei Farbwelten zur Auswahl. Grundzustand (ohne data-theme) ist
   Taupe/Braun aus style.css. Die Wahl kommt über die Auswahlseite
   (?theme=…), wird in localStorage gemerkt und im <head> jeder Seite
   vor dem Rendern gesetzt, damit nichts umspringt. */

/* ---------- Rosa: die ursprüngliche Markenwelt ---------- */
[data-theme="rosa"] {
  --paper:      #FAF5F1;
  --paper-deep: #F3EAE4;
  --rose-tint:  #F7E9EF;
  --ink:        #2E2329;
  --ink-soft:   #6B5A63;
  --ink-faint:  #6E5C66;
  --line:       #E6D9D4;
  --pink:       #DF689A;
  --pink-deep:  #B03B70;
  --titel-akzent: #B03B70;
  --pink-soft:  #F2C9DA;
  --apricot:    #F5C9A8;
  --noir:       #211219;
  --noir-2:     #2C1620;
  --red-glow:   #E1476E;
  --paper-on-noir: #F6E4EA;
  --hero-akzent: #F5B8CE;
}

/* ---------- Taupe: hell, ruhig, greige ---------- */
[data-theme="taupe"] {
  --paper:      #F6F3EE;
  --paper-deep: #EDE9E1;
  --rose-tint:  #E7E2D8;
  --ink:        #33302A;
  --ink-soft:   #6E685D;
  --ink-faint:  #6E675E;
  --line:       #DCD6CA;
  --pink:       #857863;
  --pink-deep:  #6E6250;
  --titel-akzent: #9A7A46;
  --pink-soft:  #D6CFC2;
  --apricot:    #D8D0C0;
  --noir:       #26221C;
  --noir-2:     #353026;
  --red-glow:   #C2A177;
  --paper-on-noir: #EFEBE2;
  --hero-akzent: #E4CFA8;
}

/* ---------- Navy: helles und dunkles Marineblau ---------- */
[data-theme="navy"] {
  --paper:      #F3F5F8;
  --paper-deep: #E8ECF1;
  --rose-tint:  #E1E7EE;
  --ink:        #1E2733;
  --ink-soft:   #4E5C6E;
  --ink-faint:  #5B6A7D;
  --line:       #D5DCE5;
  --pink:       #1F3A5F;
  --pink-deep:  #16294A;
  --titel-akzent: #3C6EA8;
  --pink-soft:  #C3D0E0;
  --apricot:    #B9C7D9;
  --noir:       #0F1826;
  --noir-2:     #1A2637;
  --red-glow:   #5B82B8;
  --paper-on-noir: #E6ECF4;
  --hero-akzent: #8FB6E8;
}

/* ---------- Magenta: kräftiges Pink und Beere, ohne Türkis ---------- */
[data-theme="magenta"] {
  --paper:      #FBF3F6;
  --paper-deep: #F6E7EE;
  --rose-tint:  #F5DEE9;
  --ink:        #33121F;
  --ink-soft:   #6E4A5B;
  --ink-faint:  #815E6D;
  --line:       #EBD5DF;
  --pink:       #C92877;
  --pink-deep:  #A81B5D;
  --titel-akzent: #C92877;
  --pink-soft:  #F2A7C8;
  --apricot:    #F5B9CF;
  --noir:       #3B0E24;
  --noir-2:     #551536;
  --red-glow:   #EE5C9E;
  --paper-on-noir: #F9E3EE;
  --hero-akzent: #F79ACB;
}

/* Kartentönung je Farbwelt (Basisbild ist grau) */
[data-theme="rosa"] .karte-bild { filter: sepia(0.5) hue-rotate(-30deg) saturate(0.5) brightness(1.05); }
[data-theme="taupe"] .karte-bild { filter: sepia(0.45) saturate(0.4) brightness(1.05); }
[data-theme="navy"] .karte-bild { filter: sepia(0.6) hue-rotate(170deg) saturate(0.5) brightness(1.02); }
[data-theme="magenta"] .karte-bild { filter: sepia(0.5) hue-rotate(-50deg) saturate(0.6) brightness(1.04); }