/* NormGraph Design-Tokens — EINZIGE QUELLE (Issue #25).
 * Konvention: deutsch. Englische (Landing) und abgekürzte (Notiz/Quelle)
 * Namen sind Aliasse, die per var() auf die kanonischen zeigen — dieselben
 * Werte, nur ein Name. Neue Werte NUR hier ändern. Dunkelmodus: Umschalter
 * (data-theme) UND Systemvorgabe tragen exakt dieselben Werte (Issue #22).
 */
:root{
  /* --- kanonisch (deutsch), hell --- */
  --papier:#fbfbf9; --erhaben:#fff; --tinte:#10131a; --gedaempft:#505866;
  --linie:rgba(16,19,26,.12); --rand:rgba(16,19,26,.14); --akzent:#5b5bd6;
  --akzent-hell:#818cf8; --akzent-tief:#4338ca; --akzent-fuell:#5b5bd6;
  --s1:#eef1fe; --s1t:#4338ca; --s2:#e0e4fc; --s3:#c9cff9; --s3t:#3f3cae;
  --leer:#f2f4f7; --leer-t:#a9adba;
  --warn:#fff1d6; --warn-rand:#9a6a1f; --gut:#e5f3ee; --gut-rand:#2b7e67;
  --gut-t:#2b7e67; --gefahr:#dc2626;
  --radius:14px; --radius-lg:20px;
  --schatten:0 12px 34px rgba(38,36,84,.08);
  --schatten-lg:0 24px 70px rgba(38,36,84,.10);
  --grad:linear-gradient(135deg,#4338ca 0%,#6366f1 55%,#9333ea 100%);
  --grad-akz:linear-gradient(135deg,var(--akzent),var(--akzent-hell));
  /* Sidebar: in beiden Modi fest dunkel */
  --sb-bg:#101322; --sb-hover:#1a1f33; --sb-text:#9aa0ad;
  --sb-text-hell:#f2f3f6; --sb-aktiv:#6366f1; --sb-linie:#232842;
  --sb-titel:#5a6270;
  /* Landing-eigene Farben ohne kanonisches Pendant */
  --ink-2:#252b36; --muted:#848b97; --blue-2:#a5b4fc;
  --lime:#d9f3a9; --mint:#c8eee4; --peach:#f4dfca; --lav:#e2ddfb;
  --max:1240px;
  /* Notiz-eigene weiche Fläche */
  --weich:#f6f8ff;
  /* --- Aliasse: englisch (Landing) --- */
  --paper:var(--papier); --white:var(--erhaben); --ink:var(--tinte);
  --text:var(--gedaempft); --line:var(--linie); --blue:var(--akzent);
  --blue-wash:var(--s1);
  /* --- Aliasse: abgekürzt (Notiz/Quelle) --- */
  --pap:var(--erhaben); --grau:var(--gedaempft); --akz:var(--akzent);
  --akz-tief:var(--akzent-tief); --rot:var(--gefahr);
  --amber:var(--warn-rand); --gruen:var(--gut-rand);
}
/* Dunkelmodus — Umschalter und Systemvorgabe tragen EXAKT dieselben Werte. */
:root[data-theme="dark"]{
  --papier:#0b0f19; --erhaben:#131728; --tinte:#f2f3f6; --gedaempft:#9aa0b8;
  --linie:#252a40; --akzent:#818cf8; --akzent-hell:#6366f1;
  --s1:#1b2038; --s1t:#a5b4fc; --s2:#222848; --s3:#2e3560; --s3t:#d6dcfd;
  --leer:#111527; --leer-t:#6b6f7d;
  --warn:#2a2117; --warn-rand:#a5762f; --gut:#12241f; --gut-rand:#2f8377;
  --gut-t:#8fd4c7; --rand:#2e3450; --gefahr:#f87171;
  --schatten:0 1px 2px rgba(0,0,0,.3),0 8px 20px -8px rgba(0,0,0,.5);
  --schatten-lg:0 2px 6px rgba(0,0,0,.35),0 24px 48px -16px rgba(0,0,0,.6);
  /* Landing-eigene, dunkel */
  --ink-2:#e7e8ee; --muted:#7c8493;
  --lime:#26331a; --mint:#123028; --peach:#332619; --lav:#241f3d;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --papier:#0b0f19; --erhaben:#131728; --tinte:#f2f3f6; --gedaempft:#9aa0b8;
    --linie:#252a40; --akzent:#818cf8; --akzent-hell:#6366f1;
    --s1:#1b2038; --s1t:#a5b4fc; --s2:#222848; --s3:#2e3560; --s3t:#d6dcfd;
    --leer:#111527; --leer-t:#6b6f7d;
    --warn:#2a2117; --warn-rand:#a5762f; --gut:#12241f; --gut-rand:#2f8377;
    --gut-t:#8fd4c7; --rand:#2e3450; --gefahr:#f87171;
    --schatten:0 1px 2px rgba(0,0,0,.3),0 8px 20px -8px rgba(0,0,0,.5);
    --schatten-lg:0 2px 6px rgba(0,0,0,.35),0 24px 48px -16px rgba(0,0,0,.6);
    --ink-2:#e7e8ee; --muted:#7c8493;
    --lime:#26331a; --mint:#123028; --peach:#332619; --lav:#241f3d;
  }
}