/* Schattendatenbank Branding für Zammad – helles Theme, Tinte #0F0F0F, Manrope. Quelle: /opt/zammad-docker-compose/branding */
@font-face{font-family:"Manrope";font-weight:200 800;font-display:swap;src:url("/assets/sdb/manrope-variable-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Manrope";font-weight:200 800;font-display:swap;src:url("/assets/sdb/manrope-variable-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+A720-A7FF}
html,body,button,input,select,textarea{font-family:"Manrope",-apple-system,"Segoe UI",Arial,sans-serif!important}

/* ---------- Desktop-Oberfläche: immer hell ---------- */
html,html[data-theme],html[data-theme=dark]{color-scheme:light;
 --button-primary-background:#0F0F0F;--button-primary-background-active:#333;--button-primary-text:#fff;
 --highlight:#0F0F0F;--text-link:#0F0F0F;--highlighter-yellow:#ececec}
body{background:#fff}
.login,.getstarted,.fullscreen,.main.flex.centered{background:#fff!important}
.hero-unit{background:#fff!important;border:1px solid #e5e5e5!important;box-shadow:0 2px 16px rgba(0,0,0,.06)!important;color:#0F0F0F}
.btn--primary,.btn--create,.btn--success{background:#0F0F0F!important;color:#fff!important;border:1px solid #0F0F0F!important}
.btn--primary:hover,.btn--create:hover{background:#333!important}
a{color:#0F0F0F}
.login .logo,.hero-unit .logo{max-width:320px;height:auto}

/* ---------- Neue mobile Oberfläche (/mobile): dunkles Theme auf hell umkehren, Gelb → Tinte ---------- */
:root{
 --color-black:#ffffff;--color-black-full:#ffffff;--color-white:#0F0F0F;
 --color-gray-100:#2e2e2e;--color-gray-150:#262626;--color-gray-200:#6b6b6b;--color-gray-300:#c9c9c9;
 --color-gray-400:#e3e3e3;--color-gray-500:#efefef;--color-gray-600:#f5f5f5;--color-gray:#5a5a5a;
 --color-gray-highlight:#0000000f;--color-gray-light:#f2f2f2e6;
 --color-yellow:#0F0F0F;--color-yellow-highlight:#0f0f0f14;
 --color-yellow-50:#f7f7f7;--color-yellow-100:#efefef;--color-yellow-200:#e5e5e5;--color-yellow-300:#d4d4d4;--color-yellow-500:#0F0F0F;--color-yellow-600:#333;
 --color-blue:#0F0F0F;--color-blue-dark:#0F0F0F;--color-blue-highlight:#0f0f0f14}
.bg-yellow,.bg-yellow-500{color:#fff!important}
.bg-yellow *,.bg-yellow-500 *{color:#fff}
/* Mobile: Buttons auf dunklem Grund mit weißer Schrift; Rahmen dezent */
.bg-blue,.bg-yellow,.bg-yellow-500,[data-variant=primary] .formkit-input,[data-variant=submit] .formkit-input,[data-variant=secondary] .formkit-input,button[data-variant=primary],button[data-variant=submit]{color:#fff!important}
.bg-blue *,.bg-yellow *,[data-variant=primary] .formkit-input *,[data-variant=submit] .formkit-input *,[data-variant=secondary] .formkit-input *{color:#fff!important}
.border-blue,.border-yellow{border-color:#d4d4d4!important}

/* Desktop: Navigation hell statt dunkel, keine gelben Akzente */
html{--ok-color:#6b6b6b}
#navigation,#navigation .menu,#navigation .tasks{--menu-background-primary:#f7f7f7;--menu-background-secondary:#f7f7f7;--menu-background-active:#e6e6e6;--menu-background-primary-hover:#ececec;--menu-text:#4a4a4a;--menu-text-active:#0F0F0F;--menu-text-open:#0F0F0F;--menu-text-closed:#0F0F0F;--menu-text-escalating:#0F0F0F;--menu-icon:#5a5a5a;--menu-switch-background:#e6e6e6;--menu-close-tab-background:#e6e6e6;--background-quaternary:#f7f7f7;--background-tertiary:#f7f7f7;color:#0F0F0F}
#navigation{background:#f7f7f7!important;border-right:1px solid #e5e5e5}
#navigation .is-active,#navigation .task.is-active{background:#e6e6e6!important;color:#0F0F0F!important}
#navigation .search-holder input,#navigation .search input{background:#fff!important;color:#0F0F0F!important;border:1px solid #e0e0e0}
.box--yellow{background:#f5f5f5!important;border-color:#e0e0e0!important;color:#4a4a4a!important}
.Article .content{border-width:1px!important;border-color:#d4d4d4!important}