/* Tenda Tech company chrome for Bulwark Lite. */
:root {
  --color-background: #f7f6fa;
  --color-foreground: #0c0c0c;
  --color-primary: #2c2451;
  --color-primary-foreground: #ffffff;
  --color-secondary: #ffffff;
  --color-secondary-foreground: #2c2451;
  --color-muted: #eceaf3;
  --color-muted-foreground: #6b6578;
  --color-accent: #e8e4f2;
  --color-accent-foreground: #2c2451;
  --color-border: rgba(44, 36, 81, 0.12);
  --color-input: rgba(44, 36, 81, 0.16);
  --color-ring: #4a3b7a;
  --color-card: #ffffff;
  --color-card-foreground: #0c0c0c;
  --color-popover: #ffffff;
  --color-popover-foreground: #0c0c0c;
  --color-sidebar: #f7f6fa;
  --color-sidebar-foreground: #0c0c0c;
  --color-sidebar-accent: #e8e4f2;
  --color-sidebar-accent-foreground: #2c2451;
  --color-sidebar-border: rgba(44, 36, 81, 0.1);
  --color-sidebar-primary: #2c2451;
  --color-sidebar-primary-foreground: #f7f6fa;
  --color-unread: #4a3b7a;
  --color-selection: rgba(44, 36, 81, 0.18);
  --color-selection-foreground: #0c0c0c;
}

.dark {
  --color-background: #0c0c0c;
  --color-foreground: #f7f6fa;
  --color-primary: #f7f6fa;
  --color-primary-foreground: #2c2451;
  --color-secondary: #1a1724;
  --color-secondary-foreground: #f7f6fa;
  --color-muted: #1a1724;
  --color-muted-foreground: #a8a2b5;
  --color-accent: #2c2451;
  --color-accent-foreground: #f7f6fa;
  --color-border: rgba(247, 246, 250, 0.12);
  --color-input: #262330;
  --color-ring: #8b7bb8;
  --color-card: #141218;
  --color-card-foreground: #f7f6fa;
  --color-popover: #141218;
  --color-popover-foreground: #f7f6fa;
  --color-sidebar: #0c0c0c;
  --color-sidebar-foreground: #f7f6fa;
  --color-sidebar-accent: #1a1724;
  --color-sidebar-accent-foreground: #f7f6fa;
  --color-sidebar-border: rgba(247, 246, 250, 0.1);
  --color-sidebar-primary: #f7f6fa;
  --color-sidebar-primary-foreground: #2c2451;
  --color-unread: #b8a9d9;
  --color-selection: rgba(74, 59, 122, 0.45);
  --color-selection-foreground: #f7f6fa;
}

::selection {
  background: var(--color-selection);
  color: var(--color-selection-foreground);
}

/* Login wordmark is trapped in a 64px square unless we open the wrapper. */
div.mb-5.w-16.h-16:has(img[alt="Tenda Mail"]) {
  width: auto !important;
  height: auto !important;
  max-width: 15rem;
}

div.mb-5.w-16.h-16:has(img[alt="Tenda Mail"]) img {
  max-width: 14rem !important;
  max-height: 4.5rem !important;
  width: auto !important;
  height: auto !important;
}

/* Nav rail / toolbar icons: even weight, brand-tinted when active. */
nav svg,
[data-sidebar] svg,
[data-slot="sidebar"] svg {
  stroke-width: 1.75;
}