/*
 * HomePort im Auftritt nach KERN (A-S4 Schritt 7, FIVE-Demonstrator).
 *
 * Nur fuer die Instanz unter portal-five.xaas-cloud.com: der Start des
 * Containers haengt diese Datei mit HOMEPORT_THEMA=kern in index.html ein
 * (services/homeport/xaas-start.sh). Das Portal der XAAS Cloud bleibt, wie
 * es ist.
 *
 * Die Werte stammen aus dem KERN-Designsystem, Paket @kern-ux/native 2.8.2
 * (EUPL-1.2, gitlab.opencode.de/kern-ux/kern-ux-plain): Farbskala darkblue
 * (Aktion, Stufe 700), Fokus (4 px, neutral 700, Abstand 2 px) und Schrift
 * Fira Sans. Die oklch-Werte des Pakets sind hier als Hex umgerechnet;
 * tests/homeport_kern_test.py rechnet nach. Die Schriftdateien holt der Bau
 * aus demselben Paket (Pruefsumme in services/homeport/Dockerfile).
 *
 * Bewusst NICHT: die Kopfzeile von KERN (Kennzeichen einer amtlichen
 * Website). Der Demonstrator ist kein Angebot einer Behoerde.
 *
 * HomePort leitet die Skala --brand-* zur Laufzeit aus brandColor ab;
 * !important haelt die Werte dagegen.
 */

@font-face { font-family: "Fira Sans"; src: url("/kern/schriften/FiraSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Fira Sans"; src: url("/kern/schriften/FiraSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Fira Sans"; src: url("/kern/schriften/FiraSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Fira Sans"; src: url("/kern/schriften/FiraSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  /* KERN darkblue (oklch aus @kern-ux/native 2.8.2, als Hex) */
  --kern-darkblue-025: #eff3fa;
  --kern-darkblue-050: #e5ebf7;
  --kern-darkblue-100: #d8e1f4;
  --kern-darkblue-200: #b2c4e9;
  --kern-darkblue-300: #97afe1;
  --kern-darkblue-400: #7694d5;
  --kern-darkblue-500: #5174c5;
  --kern-darkblue-600: #3a5eb9;
  --kern-darkblue-700: #2044aa;
  --kern-darkblue-750: #1537a1;
  --kern-darkblue-800: #092797;
  --kern-darkblue-900: #03007f;
  --kern-darkblue-950: #06005d;
  --kern-neutral-700: #454b6b;
  --kern-schrift: "Fira Sans", "Noto Sans", "Segoe UI", Roboto, Arial, Helvetica, sans-serif;

  --brand-color: var(--kern-darkblue-700) !important;
  --brand-color-rgb: 32, 68, 170 !important;
  --brand-25: var(--kern-darkblue-025) !important;
  --brand-50: var(--kern-darkblue-050) !important;
  --brand-100: var(--kern-darkblue-100) !important;
  --brand-200: var(--kern-darkblue-200) !important;
  --brand-300: var(--kern-darkblue-300) !important;
  --brand-400: var(--kern-darkblue-400) !important;
  --brand-500: var(--kern-darkblue-500) !important;
  --brand-600: var(--kern-darkblue-700) !important;
  --brand-700: var(--kern-darkblue-750) !important;
  --brand-800: var(--kern-darkblue-800) !important;
  --brand-900: var(--kern-darkblue-900) !important;
  --brand-950: var(--kern-darkblue-950) !important;
  --boot-brand: var(--kern-darkblue-700) !important;

  --bs-font-sans-serif: var(--kern-schrift) !important;
  --bs-body-font-family: var(--kern-schrift) !important;
}

html, body, button, input, select, textarea {
  font-family: var(--kern-schrift);
}

/* Fokus wie KERN: sichtbar, 4 px, mit Abstand - auch dort, wo HomePort ihn
   ausblendet. */
:focus-visible {
  outline: 4px solid var(--kern-neutral-700) !important;
  outline-offset: 2px !important;
}

/* Verweise im Fliesstext unterstrichen (KERN, Link). Bedienelemente nicht. */
p a, li > a:not([class]), td a:not([class]) {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}