/* Klavierlicht Design-Tokens – erzeugt aus tokens.json (nicht von Hand ändern, tokens.json ist die Quelle) */
:root{
  --bg:#120c08;
  --panel:#1a120b;
  --panel2:#241910;
  --line:#33261a;
  --line2:#4b3927;
  --text:#f1e6d2;
  --textWeich:#d6c7ad;
  --muted:#9c8a6c;
  --aus:#6b5a44;
  --accent:#f3c96a;
  --accentHell:#f6d78a;
  --accentGlut:#fff6e0;
  --accentSchein:#fff9ea;
  --accentTief:#e0a52a;
  --rechts:#ef9b55;
  --links:#8fb8d2;
  --good:#ffffff;
  --wrong:#e2604f;
  --warn:#d98b2c;
  --tasteWeiss:#efe6d6;
  --tasteWeiss2:#d9cfbd;
  --tasteSchwarz:#0b0806;
  --tasteSchwarz2:#1a140f;
  --root:var(--accent);
  --R:var(--rechts);
  --L:var(--links);
  --font:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
  --mono:ui-monospace, 'SF Mono', Menlo, monospace;
  --display:Fraunces, 'Iowan Old Style', Georgia, serif;
  --display-var:'opsz' 144, 'SOFT' 60;
  --fs-xs:10px;
  --fs-s:11px;
  --fs-m:12px;
  --fs-basis:14px;
  --fs-l:17px;
  --fs-xl:22px;
  --fs-xxl:32px;
  --fs-titel:48px;
  --sp-1:4px;
  --sp-2:6px;
  --sp-3:8px;
  --sp-4:10px;
  --sp-5:12px;
  --sp-6:16px;
  --sp-7:18px;
  --sp-8:24px;
  --sp-9:32px;
  --sp-10:48px;
  --r-xs:3px;
  --r-s:4px;
  --r-m:6px;
  --r-l:8px;
  --r-xl:12px;
  --r-xxl:16px;
  --r-pille:999px;
  --r-appSymbol:185px;
  --schatten-panel:0 1px 0 rgba(255,255,255,.03) inset, 0 8px 24px rgba(0,0,0,.45);
  --schatten-glut:0 0 24px rgba(243,201,106,.35);
  --schatten-licht:0 0 14px rgba(255,214,140,.9), 0 0 40px rgba(255,160,50,.7), 0 0 90px rgba(255,120,20,.45);
  --schatten-taste:0 0 0 1px #fff3cf, 0 -18px 40px 6px rgba(255,200,110,.75), 0 -60px 120px 30px rgba(255,150,50,.45);
  --t-schnell:120ms;
  --t-normal:200ms;
  --t-langsam:320ms;
  --t-kurve:cubic-bezier(.2,.7,.2,1);
  --t-note:4.2s;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){
  --bg:#f6efe3;
  --panel:#fffaf2;
  --panel2:#efe6d6;
  --line:#ddd2bf;
  --line2:#c4b69c;
  --text:#1f160e;
  --textWeich:#4a3a28;
  --muted:#6b5a44;
  --aus:#b8a98c;
  --accent:#b8841a;
  --accentHell:#d9a63a;
  --accentGlut:#f3c96a;
  --accentSchein:#fff6e0;
  --accentTief:#9a6a0e;
  --rechts:#c4642a;
  --links:#3f7a99;
  --good:#1f160e;
  --wrong:#c0392b;
  --warn:#a86a12;
  --tasteWeiss:#fffdf8;
  --tasteWeiss2:#e8dfcf;
  --tasteSchwarz:#1a140f;
  --tasteSchwarz2:#2a211a;
  color-scheme:light;
}}
:root[data-theme="light"]{
  --bg:#f6efe3;
  --panel:#fffaf2;
  --panel2:#efe6d6;
  --line:#ddd2bf;
  --line2:#c4b69c;
  --text:#1f160e;
  --textWeich:#4a3a28;
  --muted:#6b5a44;
  --aus:#b8a98c;
  --accent:#b8841a;
  --accentHell:#d9a63a;
  --accentGlut:#f3c96a;
  --accentSchein:#fff6e0;
  --accentTief:#9a6a0e;
  --rechts:#c4642a;
  --links:#3f7a99;
  --good:#1f160e;
  --wrong:#c0392b;
  --warn:#a86a12;
  --tasteWeiss:#fffdf8;
  --tasteWeiss2:#e8dfcf;
  --tasteSchwarz:#1a140f;
  --tasteSchwarz2:#2a211a;
  color-scheme:light;
}