/* Design „Pastell dunkel“ – tiefes Pflaumenblau mit Lavendel, Pfirsich und Mint als leuchtende Akzente */
:root {
  --papier: #1b1828;
  --flaeche: #262137;
  --tinte: #eee8f8;
  --gedaempft: #a69fbe;
  --linie: #3a3350;
  --akzent: #c9b6f7;
  --akzent-tief: #dccdfb;
  --akzent-hell: #30294a;
  --akzent-text: #cdbbff;
  --auf-akzent: #221c35;
  --erfolg: #92dcb8;
  --fehler: #ff9fae;

  --titel-schrift: ui-rounded, "SF Pro Rounded", "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;
  --titel-gewicht: 700;
  --titel-sperrung: -0.01em;

  --radius: 18px;

  --karte: #2a2540;
  --karte-tinte: #f1ecfa;
  --karte-gedaempft: #a9a1c3;
  --karte-radius: 18px;
  --karte-polster: 12px 12px 16px;
  --karte-schatten: 0 2px 4px rgba(0, 0, 0, 0.25), 0 16px 40px rgba(0, 0, 0, 0.45);
  --foto-radius: 12px;
  --foto-hg: #1f1b30;
  --zettel: #332a4c;
  --klebeband: rgba(247, 178, 196, 0.55);
  --drehung-faktor: 0.6;

  /* Zeichenfläche bleibt hell, damit dunkle Stiftfarben gut sichtbar sind */
  --leinwand-hg: #f7f2fc;
  --leinwand-linie: #e6dcf1;

  --wand-hg:
    radial-gradient(1100px 700px at 8% -10%, rgba(201, 182, 247, 0.20), transparent 60%),
    radial-gradient(900px 650px at 105% 15%, rgba(250, 190, 170, 0.14), transparent 60%),
    radial-gradient(1000px 700px at 50% 120%, rgba(150, 220, 195, 0.12), transparent 60%),
    #15121f;
  --wand-tinte: #eee8f8;
  --wand-gedaempft: #a69fbe;
  --wand-akzent: #cdbbff;
  --mitmachen-hg: #262137;
  --mitmachen-tinte: #eee8f8;
  --mitmachen-gedaempft: #a69fbe;
  --mitmachen-schatten: 0 10px 30px rgba(0, 0, 0, 0.4);

  --schild-hg: linear-gradient(160deg, #241f36 0%, #1b1828 55%, #1d2430 100%);
  --schild-tinte: #eee8f8;
  --schild-gedaempft: #a69fbe;
  --schild-rahmen: #c9b6f7;

  --buch-hg: #15121f;
  --buch-seite: #1b1828;

  color-scheme: dark;
}