/* Supertron Vault: brand overlay for the Vaultwarden web vault.
   Palette: Supertron Brand System 2.0. Bitwarden's web client takes its colours from
   space-separated RGB CSS variables, so re-theming is just redefining them.
   Accessibility choice: light theme uses Signal Blue's strong step (#1a4bb3, ~8:1 on white)
   for buttons and links; plain Signal Blue (#2f7bff) is only ~4:1 on white. */
html.theme_light {
  --color-primary-100: 234 242 255;   /* accent-soft  #eaf2ff */
  --color-primary-600: 26 75 179;     /* accent-strong #1a4bb3 */
  --color-primary-700: 13 46 122;     /* hover */
}
html.theme_dark {
  --color-primary-100: 21 34 70;      /* #152246 */
  --color-primary-600: 74 144 255;    /* dark-mode accent #4a90ff */
  --color-primary-700: 167 202 255;   /* #a7caff */
  --color-background: 13 23 48;       /* Ink Navy #0d1730 */
  --color-background-alt: 7 13 28;    /* Deep Ink #070d1c */
}

/* Logo. After load the app draws the logo as an inline SVG component (not an image file), so hide it
   and paint the Supertron logo behind its host. The unique viewBox keeps other icons untouched.
   1790374311 is replaced with a timestamp at container start, so the 7-day "immutable" image cache
   never pins an old logo after a branding change. */
svg[viewBox="0 0 290 60"] { visibility: hidden; }
bit-svg:has(> svg[viewBox="0 0 290 60"]) {
  min-height: 52px;
  background: url(images/logo.svg?v=1790374311) no-repeat center / contain;
}
html.theme_dark bit-svg:has(> svg[viewBox="0 0 290 60"]) {
  background-image: url(images/logo-white.svg?v=1790374311);
}
/* Small shield mark used in compact headers / navigation */
svg[viewBox="0 8.33 80 66.67"] { visibility: hidden; }
bit-svg:has(> svg[viewBox="0 8.33 80 66.67"]) {
  background: url(images/icon-white.svg?v=1790374311) no-repeat center / contain;
}