/* Design-Tokens aus idea/design/SilverTEAM-Mockups.dc.html — siehe
   docs/specific/ui-design-system.md. Nicht ohne Abgleich mit dem Mockup ändern. */

:root,html[data-theme=dark]{
  --bg:#161b24;--card:#1d2431;--sub:#1a212c;--raise:#232c3b;
  --ln:rgba(190,214,255,.15);--ln2:rgba(190,214,255,.085);
  --t1:#f4f7fc;--t2:#e2e9f4;--t3:rgba(226,233,244,.72);--t4:rgba(226,233,244,.5);--t5:rgba(226,233,244,.36);
  --chip:rgba(140,180,255,.11);
  --ac:#4FA8FF;--acFg:#06182e;--acSoft:rgba(30,144,255,.18);--acLine:rgba(79,168,255,.5);
  --amber:#eeb05a;--amberSoft:rgba(238,176,90,.16);
  --red:#ed7c78;--redSoft:rgba(237,124,120,.16);
  --green:#7fd3a4;--greenSoft:rgba(127,211,164,.16);
  --violet:#a99df2;--violetSoft:rgba(169,157,242,.16);
}

html[data-theme=black]{
  --bg:#000000;--card:#0b0d10;--sub:#101318;--raise:#161a20;
  --ln:rgba(255,255,255,.14);--ln2:rgba(255,255,255,.08);
  --t1:#ffffff;--t2:#e8ecf2;--t3:rgba(232,236,242,.7);--t4:rgba(232,236,242,.46);--t5:rgba(232,236,242,.32);
  --chip:rgba(255,255,255,.08);
  --ac:#3D9BFF;--acFg:#00101f;--acSoft:rgba(30,144,255,.2);--acLine:rgba(61,155,255,.55);
  --amber:#e9a94f;--amberSoft:rgba(233,169,79,.16);
  --red:#e8706c;--redSoft:rgba(232,112,108,.16);
  --green:#6fcb98;--greenSoft:rgba(111,203,152,.16);
  --violet:#a293ef;--violetSoft:rgba(162,147,239,.16);
}

html[data-theme=white]{
  --bg:#dfe4ec;--card:#f9fafc;--sub:#eef1f6;--raise:#ffffff;
  --ln:rgba(19,31,48,.16);--ln2:rgba(19,31,48,.09);
  --t1:#101822;--t2:#1d2836;--t3:rgba(19,31,48,.7);--t4:rgba(19,31,48,.5);--t5:rgba(19,31,48,.37);
  --chip:rgba(19,31,48,.07);
  --ac:#1470CC;--acFg:#ffffff;--acSoft:rgba(20,112,204,.13);--acLine:rgba(20,112,204,.45);
  --amber:#8a5a09;--amberSoft:rgba(138,90,9,.12);
  --red:#a32e2a;--redSoft:rgba(163,46,42,.12);
  --green:#1b6440;--greenSoft:rgba(27,100,64,.12);
  --violet:#4835b3;--violetSoft:rgba(72,53,179,.12);
}

html{background:var(--bg)}

@media (prefers-color-scheme: light) {
  html:not([data-theme]) {
    --bg:#dfe4ec;--card:#f9fafc;--sub:#eef1f6;--raise:#ffffff;
    --ln:rgba(19,31,48,.16);--ln2:rgba(19,31,48,.09);
    --t1:#101822;--t2:#1d2836;--t3:rgba(19,31,48,.7);--t4:rgba(19,31,48,.5);--t5:rgba(19,31,48,.37);
    --chip:rgba(19,31,48,.07);
    --ac:#1470CC;--acFg:#ffffff;--acSoft:rgba(20,112,204,.13);--acLine:rgba(20,112,204,.45);
    --amber:#8a5a09;--amberSoft:rgba(138,90,9,.12);
    --red:#a32e2a;--redSoft:rgba(163,46,42,.12);
    --green:#1b6440;--greenSoft:rgba(27,100,64,.12);
    --violet:#4835b3;--violetSoft:rgba(72,53,179,.12);
  }
}