/* SACVault theme — Simply Alpha brand (matches calendar.simplyalpha.com/book):
   black background, yellow accent, Poppins headings, Manrope body.
   New tokens (--color-brand-*, --color-gray-*) are plain colors; legacy tokens are RGB triplets. */
@import url(/fonts/fonts.css);
:root, html, body, .theme_dark, .theme_light, .theme_system, .theme_solarizedDark, .theme_nord {
  color-scheme: dark;
  /* brand scale -> yellow */
  --color-brand-050: #fffbe0 !important; --color-brand-100: #fff3a8 !important; --color-brand-200: #ffe449 !important;
  --color-brand-300: #ffdf24 !important; --color-brand-400: #ffd800 !important; --color-brand-500: #ffe449 !important;
  --color-brand-600: #e0be00 !important; --color-brand-700: #a68c00 !important; --color-brand-800: #665600 !important;
  --color-brand-900: #2a2400 !important; --color-brand-950: #1a1700 !important; --color-brand-950-rgb: 26, 23, 0 !important;
  /* gray scale -> neutral blacks (050 lightest .. 950 darkest) */
  --color-gray-050: #f5f5f5 !important; --color-gray-100: #e6e6e6 !important; --color-gray-200: #d4d4d4 !important;
  --color-gray-300: #bdbdbd !important; --color-gray-400: #aaaaaa !important; --color-gray-400-rgb: 170, 170, 170 !important;
  --color-gray-500: #8a8a8a !important; --color-gray-600: #4a4a4a !important; --color-gray-700: #2a2a2a !important;
  --color-gray-800: #1a1a1a !important; --color-gray-900: #0f0f0f !important; --color-gray-950: #050505 !important;
  --color-gray-950-rgb: 5, 5, 5 !important;
  --color-bg-primary: #0f0f0f !important; --color-fg-contrast: #111111 !important; --color-border-focus: #ffd800 !important;
  --color-nav-fg-primary: #f5f5f5 !important; --color-nav-bg-primary: #050505 !important;
  --color-nav-bg-primary-hover: #1a1a1a !important; --color-nav-bg-primary-strong: #2a2a2a !important;
  /* legacy triplet tokens */
  --color-primary-100: 42 36 0 !important; --color-primary-300: 255 228 73 !important;
  --color-primary-600: 255 216 0 !important; --color-primary-700: 255 228 73 !important;
  --color-secondary-100: 26 26 26 !important; --color-secondary-300: 42 42 42 !important; --color-secondary-500: 138 138 138 !important;
  --color-secondary-600: 170 170 170 !important; --color-secondary-700: 212 212 212 !important;
  --color-text-main: 245 245 245 !important; --color-text-muted: 170 170 170 !important; --color-text-contrast: 17 17 17 !important;
  --color-text-alt2: 255 255 255 !important; --color-text-code: 255 228 73 !important;
  --color-background: 15 15 15 !important; --color-background-alt: 5 5 5 !important; --color-background-alt2: 26 26 26 !important;
  --color-background-alt3: 26 26 26 !important; --color-background-alt4: 42 42 42 !important;
  --color-marketing-logo: 255 216 0 !important; --color-illustration-logo: 255 216 0 !important;
  --color-illustration-outline: 255 216 0 !important; --color-illustration-bg-primary: 26 26 26 !important;
  --color-illustration-bg-secondary: 42 42 42 !important; --color-illustration-bg-tertiary: 15 15 15 !important;
  --color-illustration-tertiary: 255 228 73 !important;
  --color-hover-default: rgb(255 216 0 / 0.10) !important; --color-hover-contrast: rgb(0 0 0 / 0.2) !important;
  --color-notification-600: 255 216 0 !important; --color-notification-100: 42 36 0 !important;
  --color-info-600: 255 228 73 !important; --color-info-100: 42 36 0 !important;
}
html, body { background: #050505 !important; font-family: Manrope, system-ui, -apple-system, sans-serif !important; }
h1, h2, h3, h4, .tw-text-2xl, .tw-text-3xl, bit-dialog h1, .bit-page-title { font-family: Poppins, Manrope, sans-serif !important; font-weight: 700 !important; letter-spacing: -0.01em; }
/* Primary buttons: solid yellow with near-black text, lighter on hover */
.tw-bg-bg-brand, .tw-bg-primary-600 { background-color: #ffd800 !important; border-color: #ffd800 !important; color: #111 !important; }
.tw-bg-bg-brand:hover, .tw-bg-primary-600:hover { background-color: #ffe449 !important; border-color: #ffe449 !important; }
/* Replace the inline Vaultwarden wordmark with the Simply Alpha logo (auth pages header) */
header a bit-svg svg, a[href="/"] bit-svg svg { display: none !important; }
header a bit-svg, a[href="/"] bit-svg { display: block !important; width: 200px; height: 52px; background: url(/images/sa-logo.png) no-repeat left center / contain; }
/* Sidebar logo (logged-in layout) */
bit-nav-logo bit-svg svg { display: none !important; }
bit-nav-logo a bit-svg { position: absolute; inset: .6875rem; display: block !important; background: url(/images/sa-logo.png) no-repeat left center / 200px auto; }
bit-nav-logo a[class*="55px"] bit-svg { background: url(/images/favicon-32x32.png) no-repeat center / 26px 26px; }
*::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 6px; }