/* Generated by rootiest-icons scripts/make-themes.py from themes/vaultwarden.css and themes/palette.toml: do not edit. */
:root {
  --color-transparent-hover: color-mix(in srgb, #4c4f69 3%, transparent);
  --color-gray-050: #e6e9ef;
  --color-gray-100: #dce0e8;
  --color-gray-200: #ccd0da;
  --color-gray-300: #bcc0cc;
  --color-gray-400: #acb0be;
  --color-gray-500: #9ca0b0;
  --color-gray-600: #8c8fa1;
  --color-gray-700: #6c6f85;
  --color-gray-800: #5c5f77;
  --color-gray-900: #4c4f69;
  --color-gray-950: color-mix(in srgb, #4c4f69 70%, #000);
  --color-brand-050: color-mix(in srgb, #dd7878 12%, #eff1f5);
  --color-brand-100: color-mix(in srgb, #dd7878 25%, #eff1f5);
  --color-brand-200: color-mix(in srgb, #dd7878 45%, #eff1f5);
  --color-brand-300: color-mix(in srgb, #dd7878 70%, #eff1f5);
  --color-brand-400: #dd7878;
  --color-brand-500: color-mix(in srgb, #dd7878 60%, #9b5454);
  --color-brand-600: color-mix(in srgb, #dd7878 30%, #9b5454);
  --color-brand-700: #9b5454;
  --color-brand-800: color-mix(in srgb, #9b5454 80%, #11111b);
  --color-brand-900: color-mix(in srgb, #9b5454 60%, #11111b);
  --color-brand-950: color-mix(in srgb, #9b5454 45%, #11111b);
  --color-background: 239 241 245;
  --color-background-alt: 230 233 239;
  --color-background-alt2: 76 79 105;
  --color-background-alt3: 76 79 105;
  --color-background-alt4: 92 95 119;
  --color-primary-100: 204 208 218;
  --color-primary-300: 156 160 176;
  --color-primary-600: 155 84 84;
  --color-primary-700: 230 69 83;
  --color-secondary-100: 204 208 218;
  --color-secondary-300: 172 176 190;
  --color-secondary-500: 140 143 161;
  --color-secondary-600: 108 111 133;
  --color-secondary-700: 92 95 119;
  --color-text-main: 76 79 105;
  --color-text-muted: 108 111 133;
  --color-text-contrast: 239 241 245;
  --color-text-alt2: 239 241 245;
  --color-text-code: 234 118 203;
  --color-shadow: 172 176 190;
  --color-hover-default: color-mix(in srgb, #dd7878 12%, transparent);
  --color-bg-primary: #eff1f5;
  --color-border-buffer: #eff1f5;
  --tw-ring-offset-color: #eff1f5;
  --color-info-100: 204 208 218;
  --color-info-600: 30 102 245;
  --color-warning-100: 204 208 218;
  --color-warning-600: 223 142 29;
  --color-danger-100: 204 208 218;
  --color-danger-600: 210 15 57;
  --color-success-100: 204 208 218;
  --color-success-600: 64 160 43;
}
.theme_dark {
  --color-transparent-hover: color-mix(in srgb, #cdd6f4 3%, transparent);
  --color-bg-primary: #1e1e2e;
  --color-border-buffer: #1e1e2e;
  --tw-ring-offset-color: #1e1e2e;
  --color-gray-050: #cdd6f4;
  --color-gray-100: #cdd6f4;
  --color-gray-200: #bac2de;
  --color-gray-300: #a6adc8;
  --color-gray-400: #9399b2;
  --color-gray-500: #7f849c;
  --color-gray-600: #6c7086;
  --color-gray-700: #45475a;
  --color-gray-800: #313244;
  --color-gray-900: #1e1e2e;
  --color-gray-950: #181825;
  --color-brand-050: color-mix(in srgb, #a6e3a1 25%, #fff);
  --color-brand-100: color-mix(in srgb, #a6e3a1 45%, #fff);
  --color-brand-200: color-mix(in srgb, #a6e3a1 65%, #fff);
  --color-brand-300: color-mix(in srgb, #a6e3a1 85%, #fff);
  --color-brand-400: #a6e3a1;
  --color-brand-500: color-mix(in srgb, #a6e3a1 85%, #11111b);
  --color-brand-600: color-mix(in srgb, #a6e3a1 70%, #11111b);
  --color-brand-700: color-mix(in srgb, #a6e3a1 55%, #11111b);
  --color-brand-800: color-mix(in srgb, #a6e3a1 40%, #11111b);
  --color-brand-900: color-mix(in srgb, #a6e3a1 25%, #11111b);
  --color-brand-950: color-mix(in srgb, #a6e3a1 15%, #11111b);
  --color-background: 30 30 46;
  --color-background-alt: 24 24 37;
  --color-background-alt2: 49 50 68;
  --color-background-alt3: 24 24 37;
  --color-background-alt4: 17 17 27;
  --color-primary-100: 49 50 68;
  --color-primary-300: 69 71 90;
  --color-primary-600: 166 227 161;
  --color-primary-700: 148 226 213;
  --color-secondary-100: 49 50 68;
  --color-secondary-300: 69 71 90;
  --color-secondary-500: 127 132 156;
  --color-secondary-600: 147 153 178;
  --color-secondary-700: 166 173 200;
  --color-text-main: 205 214 244;
  --color-text-muted: 166 173 200;
  --color-text-contrast: 17 17 27;
  --color-text-alt2: 205 214 244;
  --color-text-code: 245 194 231;
  --color-shadow: 17 17 27;
  --color-hover-default: color-mix(in srgb, #a6e3a1 10%, transparent);
  --color-info-100: 49 50 68;
  --color-info-600: 137 180 250;
  --color-warning-100: 49 50 68;
  --color-warning-600: 249 226 175;
  --color-danger-100: 49 50 68;
  --color-danger-600: 243 139 168;
  --color-success-100: 49 50 68;
  --color-success-600: 166 227 161;
}

/* Vaultwarden web vault (vault.rootiest.dev), linked into its pages by the edges' Caddy (import theme vaultwarden). The vault
   runs two color systems: the older "R G B" variables (--color-background, --color-primary-600, --color-text-*) and the new
   design system's primitive scales (--color-gray-050 ... 950, --color-brand-*) that its semantic --color-bg-* / --color-fg-*
   tokens point at. Both are remapped per mode: Mocha green under .theme_dark, Latte flamingo on :root (the light theme). In
   light mode the buttons put white text on brand-700, so that step is the darker flamingo (accent_text). The status color
   families (green, red, orange, teal, coral, purple) are left as they are. Per user: Settings > Appearance picks light, dark
   or system. */
/* The Rootiest Vault logo that the edges' Caddy puts in place of the web vault's inline Vaultwarden wordmark and shield
   (rootiest-icons docs/deployments.md, Vaultwarden): rootiest-vault's colors, the emblem darker in the light theme as in
   icons/color/rootiest-vault.svg, and the name in the vault's own font and text color. */
.rootiest-vault-logo .ColorScheme-Accent { color: #0979fe; }
.rootiest-vault-logo .ColorScheme-Emblem { color: #74acfe; }
.theme_light .rootiest-vault-logo .ColorScheme-Emblem { color: #0f4ea3; }
.rootiest-vault-logo .rootiest-vault-name { font-family: var(--font-sans); font-weight: 600; fill: rgb(var(--color-text-main)); }
/* The signed-in sidebar's logo (the inline "Vaultwarden Password Manager" wordmark): the sidebar is dark in both themes, so
   the emblem keeps its dark-background color; the text takes the sidebar's own color (tw-fill-fg-nav). */
.rootiest-vault-nav-logo .ColorScheme-Accent { color: #0979fe; }
.rootiest-vault-nav-logo .ColorScheme-Emblem { color: #74acfe; }
.rootiest-vault-nav-logo text { font-family: var(--font-sans); }