:root {
  /* HDA theme overrides (PWP).
     An die Backoffice-hda-Palette angeglichen (backoffice-web-provisioning/
     src/themes/hda/admin-theme.css): neutrales Grau/Dunkel statt Blau, damit
     Self-Service und Backoffice fuer die h_da wie ein Produkt aussehen. */

  /* Palette */
  --color-primary: #454545;
  --color-secondary: #3d4b5a;
  --color-accent: #1f094f;

  /* Backgrounds */
  --bg-gradient-from: #ffffff;
  --bg-gradient-to: #e9e8e8;

  /* Cards and text */
  --card-bg: #ffffff;
  --card-text: #0f172a;
  --muted-text: #475569;

  /* Borders and radii */
  --border-color: #d1d5db;
  --focus-color: #3d4b5a; /* bewusst nicht das Backoffice-Indigo (#6366f1) — passt nicht zur Grau-Palette */
  --card-radius: 12px;
  --small-radius: 8px;

  /* Primary buttons (wie der Backoffice-Login-Button) */
  --button-primary-from: #131313;
  --button-primary-to: #3e3e3d;
  --button-primary-text: #ffffff;
  --button-primary-hover-from: #504f4f;
  --button-primary-hover-to: #39393b;

  /* Secondary buttons */
  --secondary-button-bg: #2c3e50;
  --secondary-button-text: #ffffff;

  /* Action buttons */
  --action-button-bg: #454545;
  --action-button-text: #ffffff;

  /* Loading (identisch zum Backoffice) */
  --spinner-color: #454545;
  --loading-bg-gradient-from: #15395B;
  --loading-bg-gradient-to: #3e3e3d;
  --loading-spinner-border: rgba(255, 255, 255, 0.3);
  --loading-spinner-border-top: #ffffff;

  /* QR section (wie die Backoffice-Pass-Buttons) */
  --qr-header-from: #7b7872;
  --qr-header-to: #2a3036;
  --qr-bg-from: #7b7872;
  --qr-bg-to: #2a3036;

  /* Panels and dividers */
  --panel-bg: #f8fafc;
  --divider: #e2e8f0;
  --muted-2: #475569;
  --hover-muted-bg: #eef2f7;

  /* Error */
  --error-bg: #fef2f2;
  --error-border: #fecaca;
  --error-text: #991b1b;
}