/* Generated by webmail-be from msg_mailsystems (services/brandStyle.js). */
:root:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}
:root:root, :root:root[data-theme="light"] {
  color-scheme: light;
  --color-surface-2: rgba(15,23,42,0.025);
  --color-surface-3: rgba(15,23,42,0.04);
  --color-line: rgba(15,23,42,0.10);
  --color-line-strong: rgba(15,23,42,0.18);
  --color-text: rgba(15,23,42,0.87);
  --color-text-soft: rgba(15,23,42,0.60);
  --color-text-faint: rgba(15,23,42,0.45);
  --color-selected: rgba(15,23,42,0.06);
  --color-selected-text: rgba(15,23,42,0.87);
  --color-selected-mark: transparent;
  --color-focus: rgba(15,23,42,0.35);
  --color-pane: transparent;
  --color-danger: #dc2626;
  --color-shadow: rgb(0 0 0 / 0.07);
  --color-row-unread: transparent;
  --color-row-unread-hover: rgba(15,23,42,0.035);
  --color-row-read: transparent;
  --color-row-read-hover: rgba(15,23,42,0.035);
  --color-row-selected: rgba(15,23,42,0.09);
  --color-avatar: rgba(15,23,42,0.07);
  --color-avatar-text: rgba(15,23,42,0.62);
  --color-canvas: #f6f7f9;
  --color-surface: #ffffff;
  --color-sub-glass: #f8fafc;
  --color-container-from: #ffffff;
  --color-container-to: #ffffff;
  --color-accent: #4f46e5;
  --color-accent-soft: rgba(79,70,229,0.12);
  --color-accent-contrast: #ffffff;
  --color-accent-fill: #4f46e5;
}
@media (prefers-color-scheme: dark) {
  :root:root:not([data-theme]) {
  color-scheme: dark;
  --color-surface-2: rgba(255,255,255,0.025);
  --color-surface-3: rgba(255,255,255,0.04);
  --color-line: rgba(255,255,255,0.06);
  --color-line-strong: rgba(255,255,255,0.10);
  --color-text: rgba(255,255,255,0.96);
  --color-text-soft: rgba(255,255,255,0.62);
  --color-text-faint: rgba(255,255,255,0.42);
  --color-selected: rgba(255,255,255,0.07);
  --color-selected-text: rgba(255,255,255,0.96);
  --color-selected-mark: transparent;
  --color-focus: rgba(255,255,255,0.40);
  --color-sub-glass: rgba(0,0,0,0.25);
  --color-pane: transparent;
  --color-danger: #ef4444;
  --color-shadow: rgb(0 0 0 / 0.55);
  --color-row-unread: rgba(255,255,255,0.045);
  --color-row-unread-hover: rgba(255,255,255,0.07);
  --color-row-read: rgba(0,0,0,0.22);
  --color-row-read-hover: rgba(0,0,0,0.10);
  --color-row-selected: rgba(255,255,255,0.10);
  --color-avatar: rgba(255,255,255,0.09);
  --color-avatar-text: rgba(255,255,255,0.72);
  --color-canvas: #0b1120;
  --color-surface: #111827;
  --color-container-from: #18223a;
  --color-container-to: #111827;
  --color-accent: #818cf8;
  --color-accent-soft: rgba(129,140,248,0.12);
  --color-accent-contrast: #16161e;
  --color-accent-fill: #818cf8;
  }
}
:root:root[data-theme="dark"] {
  color-scheme: dark;
  --color-surface-2: rgba(255,255,255,0.025);
  --color-surface-3: rgba(255,255,255,0.04);
  --color-line: rgba(255,255,255,0.06);
  --color-line-strong: rgba(255,255,255,0.10);
  --color-text: rgba(255,255,255,0.96);
  --color-text-soft: rgba(255,255,255,0.62);
  --color-text-faint: rgba(255,255,255,0.42);
  --color-selected: rgba(255,255,255,0.07);
  --color-selected-text: rgba(255,255,255,0.96);
  --color-selected-mark: transparent;
  --color-focus: rgba(255,255,255,0.40);
  --color-sub-glass: rgba(0,0,0,0.25);
  --color-pane: transparent;
  --color-danger: #ef4444;
  --color-shadow: rgb(0 0 0 / 0.55);
  --color-row-unread: rgba(255,255,255,0.045);
  --color-row-unread-hover: rgba(255,255,255,0.07);
  --color-row-read: rgba(0,0,0,0.22);
  --color-row-read-hover: rgba(0,0,0,0.10);
  --color-row-selected: rgba(255,255,255,0.10);
  --color-avatar: rgba(255,255,255,0.09);
  --color-avatar-text: rgba(255,255,255,0.72);
  --color-canvas: #0b1120;
  --color-surface: #111827;
  --color-container-from: #18223a;
  --color-container-to: #111827;
  --color-accent: #818cf8;
  --color-accent-soft: rgba(129,140,248,0.12);
  --color-accent-contrast: #16161e;
  --color-accent-fill: #818cf8;
}