/* Hutspot-huisstijl voor Vaultwarden web vault (build 2026.x, semantische vars) */
:root, html, html.theme_light, html.theme_dark {
  /* vlakken */
  --color-text-main: 35 31 32 !important;
  --color-text-muted: 111 106 104 !important;
  --color-text-contrast: 255 255 255 !important;
  --color-bg-primary: #ffffff !important;
  --color-bg-secondary: #fff7ed !important;
  --color-bg-tertiary: #fff7ed !important;
  --color-bg-quaternary: #ffe4d4 !important;
  /* merk: bordeaux/oranje/peach */
  --color-bg-brand: #650400 !important;
  --color-bg-brand-strong: #4a0300 !important;
  --color-bg-brand-stronger: #3a0200 !important;
  --color-bg-brand-medium: #f9b2a0 !important;
  --color-bg-brand-soft: #ffe4d4 !important;
  --color-bg-brand-softer: #fff7ed !important;
  --color-bg-contrast: #231f20 !important;
  --color-bg-contrast-soft: #5a5250 !important;
  --color-bg-contrast-strong: #000000 !important;
  /* tekst */
  --color-fg-body: #231f20 !important;
  --color-fg-body-subtle: #6f6a68 !important;
  --color-fg-heading: #231f20 !important;
  --color-fg-dark: #231f20 !important;
  --color-fg-white: #ffffff !important;
  --color-fg-contrast: #ffffff !important;
  --color-fg-contrast-strong: #ffffff !important;
  --color-fg-brand: #650400 !important;
  --color-fg-brand-strong: #4a0300 !important;
  --color-fg-brand-soft: #a3391f !important;
  --color-fg-inactive: #9a938f !important;
  /* randen & focus */
  --color-border-base: #e8dccb !important;
  --color-border-light: #f0e6d6 !important;
  --color-border-muted: #e8dccb !important;
  --color-border-strong: #c9b8a2 !important;
  --color-border-stronger: #a5917a !important;
  --color-border-focus: #f27024 !important;
  --color-border-focus-contrast: #f27024 !important;
  --color-border-brand: #650400 !important;
  --color-border-brand-soft: #f9b2a0 !important;
  --color-border-brand-strong: #4a0300 !important;
  --color-border-buffer: #fff7ed !important;
}
html, body, html.theme_dark body, html.theme_light body {
  background-color: #fff7ed !important;
  color: #231f20 !important;
}
/* decoratieve hoek-doodles uit */
bit-landing-layout div.tw-hidden[class*="md:tw-block"] { display: none !important; }
/* wit Vaultwarden-woordmerk zwart maken op beige */
header a bit-svg svg { filter: brightness(0); }
/* HutsPot-woordmerk + ondertitel i.p.v. Vaultwarden-logo */
header a bit-svg svg { display: none !important; }
header a bit-svg {
  background: url(/vw-custom/hutspot-logo.png) no-repeat left top;
  background-size: auto 30px;
  min-height: 50px;
  flex-direction: column;
  align-items: flex-start;
}
header a bit-svg::after {
  content: "password manager";
  display: block;
  margin-top: 34px;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #6f6a68;
  white-space: nowrap;
}
header a bit-svg svg + * { display: none; }