/* Markenoptik für die Authelia-Seiten (Geräte einrichten, Einstellungen). Werte aus tokens.css. */
@import url("/vbh/tokens.css");

html[data-theme] {
  --background: var(--vb-bg);
  --foreground: var(--vb-text);
  --card: var(--vb-surface);
  --card-foreground: var(--vb-text);
  --popover: var(--vb-surface-2);
  --popover-foreground: var(--vb-text);
  --primary: var(--vb-accent);
  --primary-foreground: var(--vb-accent-fg);
  --secondary: var(--vb-surface-2);
  --secondary-foreground: var(--vb-text);
  --muted: var(--vb-surface);
  --muted-foreground: var(--vb-muted);
  --accent: var(--vb-surface-2);
  --accent-foreground: var(--vb-text);
  --destructive: var(--vb-danger);
  --success: var(--vb-ok);
  --warning: var(--vb-warn);
  --info: var(--vb-accent);
  --border: var(--vb-line);
  --input: var(--vb-line);
  --ring: var(--vb-accent);
  --radius: var(--vb-radius);
  --custom-icon: var(--vb-text);
  --custom-loading-bar: var(--vb-accent);
  --divider: var(--vb-line);
}

html, body { background: var(--vb-bg) !important; }
body { font-family: var(--vb-font-text) !important; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-family: var(--vb-font) !important; font-weight: 600 !important; letter-spacing: -.02em; }
button { text-transform: none !important; }
input[data-slot=floating-input] { background: var(--vb-surface-2) !important; border-color: transparent !important; border-radius: var(--vb-radius) !important; }

/* Personen-Symbol durch die Wortmarke ersetzen, Herstellerhinweis ausblenden */
#UserSvg { display: none !important; }
div:has(> #UserSvg) { height: 40px; margin: 0 auto 32px; background: var(--vb-wordmark) center / auto 36px no-repeat; }
a[href*="authelia.com"] { display: none !important; }

/* Kopfleiste der Einstellungen dunkel statt Akzentfarbe */
header { background: var(--vb-bg) !important; color: var(--vb-text) !important; border-bottom: 1px solid var(--vb-line); box-shadow: none !important; }