/* arabic-keyboard.eu v4.82 - dunkles Farbschema (automatisch + Umschalter). Nur Farben. */
@media (prefers-color-scheme: dark){
html:not([data-theme="light"]){color-scheme:dark;
  --bg:#121816;--bg-deep:#1B2623;--ink:#E9EEEB;--ink-soft:#A9B5B0;
  --primary:#12807F;--primary-light:#1A9B99;--primary-dark:#8FDAD4;
  --gold:#9A6B25;--gold-soft:#5A4A2A;--card:#1A2320;--border:#33423D;
  --ok:#7CC594;--ok-soft:#1F3A2A;--rubric:#E58B7C;--rubric-soft:#3A2420;--rubric-dark:#F0B1A6;}
html:not([data-theme="light"]) body{background:var(--bg);color:var(--ink);}
html:not([data-theme="light"]) header.site{background:rgba(18,24,22,.88);}
html:not([data-theme="light"]) a:not([class]){color:var(--primary-dark);}
html:not([data-theme="light"]) a[aria-current="page"]{color:#fff;}
html:not([data-theme="light"]) .fav-star{color:var(--ink-soft);}
html:not([data-theme="light"]) .fav-star.active{color:#E4C892;}

html:not([data-theme="light"]) .ab-cfg select{background:var(--card)}
html:not([data-theme="light"]) .ab-forms div{background:var(--card)}
html:not([data-theme="light"]) .ab-nav{background:var(--card)}
html:not([data-theme="light"]) .ab-o{background:var(--card)}
html:not([data-theme="light"]) .ab-o.no{background:var(--rubric-soft)}
html:not([data-theme="light"]) .ab-o.ok{background:var(--ok-soft)}
html:not([data-theme="light"]) .ab-sp{background:var(--card)}
html:not([data-theme="light"]) .ab-t{background:var(--card)}
html:not([data-theme="light"]) .ab-t.b1{background:#3A3220}
html:not([data-theme="light"]) .ab-t.b2{background:var(--ok-soft)}
html:not([data-theme="light"]) .ab-t.b3{background:var(--ok-soft)}
html:not([data-theme="light"]) .catnav a{background:var(--card)}
html:not([data-theme="light"]) .cta-box a.btn{background:var(--card)}
html:not([data-theme="light"]) .de-notice{background:#3A3220}
html:not([data-theme="light"]) .fav-toggle-btn{background:var(--card)}
html:not([data-theme="light"]) .hj-card input, html:not([data-theme="light"]) .hj-card select{background:var(--card)}
html:not([data-theme="light"]) .hj-err{color:#F2A27A}
html:not([data-theme="light"]) .kb .kk{background:var(--card)}
html:not([data-theme="light"]) .kb .kk.bad{background:var(--rubric-soft)}
html:not([data-theme="light"]) .kb .kk.ok{background:var(--ok-soft)}
html:not([data-theme="light"]) .kb .kl{color:var(--ink-soft)}
html:not([data-theme="light"]) .kb-f .kk.bad{background:var(--rubric-soft)}
html:not([data-theme="light"]) .kb-f .kk.ok{background:var(--ok-soft)}
html:not([data-theme="light"]) .kbd{background:var(--card)}
html:not([data-theme="light"]) .kd-forms div{background:var(--card)}
html:not([data-theme="light"]) .key{background:var(--card)}
html:not([data-theme="light"]) .kg-in{background:var(--card)}
html:not([data-theme="light"]) .kg-msg{color:#F2A27A}
html:not([data-theme="light"]) .kt-bar select{background:var(--card)}
html:not([data-theme="light"]) .kt-tbl kbd{background:var(--card)}
html:not([data-theme="light"]) .lang-btn{background:var(--card)}
html:not([data-theme="light"]) .lang-dd-btn{background:var(--card)}
html:not([data-theme="light"]) .lang-dd-menu{background:var(--card)}
html:not([data-theme="light"]) .legend-box span{background:var(--card)}
html:not([data-theme="light"]) .lg-chip, html:not([data-theme="light"]) .lg-exb{background:var(--card)}
html:not([data-theme="light"]) .nr-hint{background:#3A3220}
html:not([data-theme="light"]) .pb-act button{background:var(--card)}
html:not([data-theme="light"]) .pb-ov button{background:var(--card)}
html:not([data-theme="light"]) .pb-seg{background:var(--card)}
html:not([data-theme="light"]) .pb-top input[type=search]{background:var(--card)}
html:not([data-theme="light"]) .phrase-chip{background:var(--card)}
html:not([data-theme="light"]) .placeholder{background:#3A3220}
html:not([data-theme="light"]) .rd-in{background:var(--card)}
html:not([data-theme="light"]) .rd-lat{background:var(--card)}
html:not([data-theme="light"]) .rd-lat .g, html:not([data-theme="light"]) .rd-w .g{color:var(--ink-soft)}
html:not([data-theme="light"]) .rd-opts select{background:var(--card)}
html:not([data-theme="light"]) .rd-warn{color:#F2A27A}
html:not([data-theme="light"]) .related a{background:var(--card)}
html:not([data-theme="light"]) .spotlight-card a.buy{background:var(--card)}
html:not([data-theme="light"]) .tp-in{background:var(--card)}
html:not([data-theme="light"]) .tp-opts select{background:var(--card)}
html:not([data-theme="light"]) .tp-res{background:var(--card)}
html:not([data-theme="light"]) .tp-text{color:var(--ink-soft)}
html:not([data-theme="light"]) .word-popover{background:var(--card)}
html:not([data-theme="light"]) a.back{color:var(--ink)}
html:not([data-theme="light"]) button{background:var(--card)}
html:not([data-theme="light"]) header.site{background:rgba(18,24,22,.88)}
html:not([data-theme="light"]) p{color:var(--ink)}
html:not([data-theme="light"]) p, html:not([data-theme="light"]) li{color:var(--ink)}
html:not([data-theme="light"]) ul.go a{background:var(--card);color:var(--ink)}
html:not([data-theme="light"]) ul.go span{color:var(--ink-soft)}
}
html[data-theme="dark"]{color-scheme:dark;
  --bg:#121816;--bg-deep:#1B2623;--ink:#E9EEEB;--ink-soft:#A9B5B0;
  --primary:#12807F;--primary-light:#1A9B99;--primary-dark:#8FDAD4;
  --gold:#9A6B25;--gold-soft:#5A4A2A;--card:#1A2320;--border:#33423D;
  --ok:#7CC594;--ok-soft:#1F3A2A;--rubric:#E58B7C;--rubric-soft:#3A2420;--rubric-dark:#F0B1A6;}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink);}
html[data-theme="dark"] header.site{background:rgba(18,24,22,.88);}
html[data-theme="dark"] a:not([class]){color:var(--primary-dark);}
html[data-theme="dark"] a[aria-current="page"]{color:#fff;}
html[data-theme="dark"] .fav-star{color:var(--ink-soft);}
html[data-theme="dark"] .fav-star.active{color:#E4C892;}

html[data-theme="dark"] .ab-cfg select{background:var(--card)}
html[data-theme="dark"] .ab-forms div{background:var(--card)}
html[data-theme="dark"] .ab-nav{background:var(--card)}
html[data-theme="dark"] .ab-o{background:var(--card)}
html[data-theme="dark"] .ab-o.no{background:var(--rubric-soft)}
html[data-theme="dark"] .ab-o.ok{background:var(--ok-soft)}
html[data-theme="dark"] .ab-sp{background:var(--card)}
html[data-theme="dark"] .ab-t{background:var(--card)}
html[data-theme="dark"] .ab-t.b1{background:#3A3220}
html[data-theme="dark"] .ab-t.b2{background:var(--ok-soft)}
html[data-theme="dark"] .ab-t.b3{background:var(--ok-soft)}
html[data-theme="dark"] .catnav a{background:var(--card)}
html[data-theme="dark"] .cta-box a.btn{background:var(--card)}
html[data-theme="dark"] .de-notice{background:#3A3220}
html[data-theme="dark"] .fav-toggle-btn{background:var(--card)}
html[data-theme="dark"] .hj-card input, html[data-theme="dark"] .hj-card select{background:var(--card)}
html[data-theme="dark"] .hj-err{color:#F2A27A}
html[data-theme="dark"] .kb .kk{background:var(--card)}
html[data-theme="dark"] .kb .kk.bad{background:var(--rubric-soft)}
html[data-theme="dark"] .kb .kk.ok{background:var(--ok-soft)}
html[data-theme="dark"] .kb .kl{color:var(--ink-soft)}
html[data-theme="dark"] .kb-f .kk.bad{background:var(--rubric-soft)}
html[data-theme="dark"] .kb-f .kk.ok{background:var(--ok-soft)}
html[data-theme="dark"] .kbd{background:var(--card)}
html[data-theme="dark"] .kd-forms div{background:var(--card)}
html[data-theme="dark"] .key{background:var(--card)}
html[data-theme="dark"] .kg-in{background:var(--card)}
html[data-theme="dark"] .kg-msg{color:#F2A27A}
html[data-theme="dark"] .kt-bar select{background:var(--card)}
html[data-theme="dark"] .kt-tbl kbd{background:var(--card)}
html[data-theme="dark"] .lang-btn{background:var(--card)}
html[data-theme="dark"] .lang-dd-btn{background:var(--card)}
html[data-theme="dark"] .lang-dd-menu{background:var(--card)}
html[data-theme="dark"] .legend-box span{background:var(--card)}
html[data-theme="dark"] .lg-chip, html[data-theme="dark"] .lg-exb{background:var(--card)}
html[data-theme="dark"] .nr-hint{background:#3A3220}
html[data-theme="dark"] .pb-act button{background:var(--card)}
html[data-theme="dark"] .pb-ov button{background:var(--card)}
html[data-theme="dark"] .pb-seg{background:var(--card)}
html[data-theme="dark"] .pb-top input[type=search]{background:var(--card)}
html[data-theme="dark"] .phrase-chip{background:var(--card)}
html[data-theme="dark"] .placeholder{background:#3A3220}
html[data-theme="dark"] .rd-in{background:var(--card)}
html[data-theme="dark"] .rd-lat{background:var(--card)}
html[data-theme="dark"] .rd-lat .g, html[data-theme="dark"] .rd-w .g{color:var(--ink-soft)}
html[data-theme="dark"] .rd-opts select{background:var(--card)}
html[data-theme="dark"] .rd-warn{color:#F2A27A}
html[data-theme="dark"] .related a{background:var(--card)}
html[data-theme="dark"] .spotlight-card a.buy{background:var(--card)}
html[data-theme="dark"] .tp-in{background:var(--card)}
html[data-theme="dark"] .tp-opts select{background:var(--card)}
html[data-theme="dark"] .tp-res{background:var(--card)}
html[data-theme="dark"] .tp-text{color:var(--ink-soft)}
html[data-theme="dark"] .word-popover{background:var(--card)}
html[data-theme="dark"] a.back{color:var(--ink)}
html[data-theme="dark"] button{background:var(--card)}
html[data-theme="dark"] header.site{background:rgba(18,24,22,.88)}
html[data-theme="dark"] p{color:var(--ink)}
html[data-theme="dark"] p, html[data-theme="dark"] li{color:var(--ink)}
html[data-theme="dark"] ul.go a{background:var(--card);color:var(--ink)}
html[data-theme="dark"] ul.go span{color:var(--ink-soft)}