/* DHCS Assist · CI-Overrides nach Vorbild Universitätsklinikum Wiener Neustadt (lknoe.at)
   Primärblau #172875 · Akzentgelb #FFD614 · Flächen #F2F5FA · Linien #DCE0E6
   Text #29363F / #48526B · Warnrot #AF0602 · Schrift: DM Sans */

@font-face {
  font-family: 'DM Sans';
  src: url('./dhcs-fonts/dm-sans-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  src: url('./dhcs-fonts/dm-sans-latin-ext.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root,
.light {
  /* Standard-Gruenskala komplett auf Klinikblau umbiegen */
  --green-50: #f2f5fa;
  --green-100: #e4eaf3;
  --green-200: #dce0e6;
  --green-300: #9aa7d0;
  --green-400: #3f51a3;
  --green-500: #172875;
  --green-600: #11205e;
  --green-700: #0d1848;
  --green-800: #0a1238;
  --green-900: #070d2a;
  --green-950: #04081c;

  /* Klinik-CI */
  --surface-submit: #172875;
  --surface-submit-hover: #11205e;
  --text-primary: #29363f;
  --text-secondary: #48526b;
  --text-secondary-alt: #48526b;
  --border-light: #dce0e6;
  --border-medium: #c7cdd4;
  --surface-secondary: #f2f5fa;
  --surface-tertiary: #eaeef5;
  --ring-primary: #172875;
  --header-primary: #172875;
  --brand-purple: #172875;
}

html,
body {
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

.font-sans {
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Alle gruenen Standard-Utilities -> Klinikblau-Palette
   50->#f2f5fa 100->#e4eaf3 200->#dce0e6 400->#3f51a3 500->#172875
   600->#11205e 700->#0d1848 */

/* Hintergruende */
.bg-green-50, .hover\:bg-green-100:hover { background-color: #f2f5fa !important; }
.bg-green-100 { background-color: #e4eaf3 !important; }
.bg-green-400, .hover\:bg-green-400:hover,
.disabled\:bg-green-400:disabled { background-color: #3f51a3 !important; }
.bg-green-500, .hover\:bg-green-500:hover,
.focus\:bg-green-500:focus { background-color: #172875 !important; }
.bg-green-550, .bg-green-600,
.hover\:bg-green-550:hover, .hover\:bg-green-600:hover,
.focus\:bg-green-600:focus { background-color: #11205e !important; }
.hover\:bg-green-700:hover { background-color: #0d1848 !important; }

/* Text */
.text-green-400 { color: #3f51a3 !important; }
.text-green-500,
.peer:focus ~ .peer-focus\:text-green-500,
.peer:focus ~ .dark\:peer-focus\:text-green-500 { color: #172875 !important; }
.text-green-600,
.peer:focus ~ .peer-focus\:text-green-600,
.hover\:text-green-600:hover, .focus\:text-green-700:focus,
.hover\:text-green-700:hover { color: #11205e !important; }

/* Rahmen */
.border-green-200 { border-color: #dce0e6 !important; }
.border-green-400 { border-color: #3f51a3 !important; }
.border-green-500, .focus\:border-green-500:focus,
.hover\:border-green-500:hover, .dark\:border-green-500 { border-color: #172875 !important; }
.border-green-600 { border-color: #11205e !important; }

/* Fokus-Ringe und Unterstreichungen */
.focus\:ring-green-500:focus, .ring-green-500,
.dark\:focus\:ring-green-500:focus { --tw-ring-color: #172875 !important; }
.focus\:decoration-green-700:focus,
.hover\:decoration-green-700:hover { text-decoration-color: #0d1848 !important; }

/* Caret/Eingabemarke in Formularfeldern */
input, textarea { caret-color: #172875; accent-color: #172875; }

/* Arbitrary-Value-Klassen mit fixen Gruentoenen */
.bg-\[\#02855E\] { background-color: #172875 !important; }
.border-\[\#02855E\] { border-color: #172875 !important; }
.text-\[\#91c561\] { color: #172875 !important; }

/* Komponentenklasse btn-primary (z. B. "Save As Preset") */
.btn-primary,
.btn-primary:disabled:hover { background-color: #172875 !important; }
.btn-primary:hover,
.btn-primary:active { background-color: #11205e !important; }
.btn-primary.focus-visible,
.btn-primary:focus-visible { --tw-ring-color: rgba(23, 40, 117, 0.6) !important; }

/* Gruen-Varianten mit Transparenz (Badges, Markierungen) */
.border-green-500\/20 { border-color: #17287533 !important; }
.border-green-500\/30 { border-color: #1728754d !important; }
.border-green-500\/50 { border-color: #17287580 !important; }
.border-green-500\/70 { border-color: #172875b3 !important; }
.bg-green-500\/10 { background-color: #1728751a !important; }
.bg-green-500\/\[0\.06\] { background-color: #1728750f !important; }
.dark\:bg-green-500\/30 { background-color: #1728754d !important; }
.focus\:ring-green-500\/90:focus { --tw-ring-color: rgba(23, 40, 117, 0.9) !important; }

/* Restliche dunkle/sonstige Gruen-Texte */
.dark\:text-green-100, .dark\:text-green-300, .dark\:text-green-400,
.dark\:text-green-500, .dark\:hover\:text-green-300:hover,
.dark\:hover\:text-green-400:hover, .dark\:hover\:text-green-500:hover,
.dark\:focus\:text-green-400:focus { color: #172875 !important; }
.dark\:bg-green-600, .dark\:hover\:bg-green-600:hover,
.dark\:focus\:bg-green-600:focus, .dark\:hover\:bg-green-700:hover { background-color: #11205e !important; }
.dark\:border-green-500, .dark\:border-green-800 { border-color: #172875 !important; }

/* Überschriften in Primärblau */
h1, h2 { color: #172875; }

/* Akzentgelb dezent: Markierung/Selektion */
::selection { background: #ffd614; color: #172875; }

/* Login-Seite: kleines Logo oben ausblenden, stattdessen gross und
   mittig direkt ueber der Begruessung anzeigen */
div.mt-6.h-10.bg-cover:has(> img[alt$='Logo']) {
  display: none;
}
.w-authPageWidth h1:first-of-type::before {
  content: '';
  display: block;
  height: 84px;
  margin: 0 auto 14px;
  background: url('/assets/logo.svg') center / contain no-repeat;
}

/* Dark Mode deaktiviert: Theme-Umschalter ausblenden */
button[aria-label='Toggle theme'],
button[aria-label='theme-selector'],
/* Login-Seite: Sonne/Mond-Button unten links (sprachunabhaengig ueber Shortcut-Attribut) */
button[aria-keyshortcuts='Ctrl+Shift+T'] { display: none !important; }

/* Theme-Auswahl in Einstellungen -> Allgemein komplett entfernen
   (ganze Zeile inkl. Label "Theme" und Dropdown) */
[data-testid='theme-selector'],
#theme-selector-label,
div:has(> #theme-selector-label),
div:has(> [data-testid='theme-selector']) { display: none !important; }

/* Falls die Dark-Klasse doch gesetzt wird: lesbar in Light erzwingen */
html.dark {
  color-scheme: light;
}