/* KÖSTERBERNER — Custom Branding für die Bank-Dokumentenablage (Filebrowser)
   Farbwerte + Schriften aus materialien/kb-design-system/project/colors_and_type.css
   (kb-rot #d61030, kb-schwarz #1d1d1d, kb-anthrazit #575756, kb-hellgrau #e4e4e4) */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/img/fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/img/fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/img/fonts/Roboto-Bold.ttf') format('truetype');
}

:root {
  --blue: #d61030;         /* kb-rot — primäre Buttons/Login (Filebrowser nennt es 'blue', ist aber der Primärakzent) */
  --dark-blue: #a30d26;    /* kb-rot-800 — Hover */
  --action: #d61030;       /* kb-rot — Aktions-Icons in der Dateiliste */
  --iconPrimary: #d61030;  /* kb-rot — Ordner-/Datei-Icons */
  --textPrimary: #575756;  /* kb-anthrazit — sekundärer Text */
  --textSecondary: #1d1d1d;/* kb-schwarz — primärer Text */
  --background: #f7f7f7;
  --surfacePrimary: #ffffff;
  --surfaceSecondary: #e4e4e4; /* kb-hellgrau */
  --divider: rgba(29, 29, 29, 0.08);
  --borderPrimary: rgba(29, 29, 29, 0.12);
  --borderSecondary: rgba(29, 29, 29, 0.2);
  --hover: rgba(214, 16, 48, 0.08);
}

body, html {
  font-family: 'Roboto', 'Arial', 'Helvetica Neue', system-ui, sans-serif;
}

.button {
  border-radius: 4px;
}