/* Calmis theme tokens for MAS pages. Served by the assets resource at /assets/brand.css; linked from templates/base.html. */
:root, [class*="cpd-theme-"] {
  --cpd-color-bg-action-primary-rest: #3176FF;
  --cpd-color-bg-action-primary-hovered: #4F7FFF;
  --cpd-color-bg-action-primary-pressed: #2955CB;
  --cpd-color-bg-action-primary-disabled: #1E3787;
  --cpd-color-text-primary: #F5F5F6;
  --cpd-color-text-secondary: #657D8A;
  --cpd-color-text-disabled: #444C5D;
  --cpd-color-text-link-external: #3176FF;
  --cpd-color-text-critical-primary: #D3363D;
  --cpd-color-text-on-solid-primary: #F5F5F6;
  --cpd-color-icon-on-solid-primary: #F5F5F6;
  --cpd-color-bg-canvas-default: #05060F;
  --cpd-color-bg-subtle-secondary: #10111A;
  --cpd-color-bg-canvas-disabled: #14141E;
  --cpd-color-border-interactive-secondary: #272D3B;
  --cpd-color-border-interactive-hovered: #38455D;
  --cpd-color-border-focused: #3176FF;
  --cpd-color-border-critical-primary: #D3363D;
  --cpd-color-bg-accent-rest: #3176FF;
  --cpd-color-icon-accent-primary: #3176FF;
  --cpd-color-icon-primary: #F5F5F6;
  --cpd-color-icon-secondary: #657D8A;
  --cpd-color-icon-tertiary: #444C5D;
}

/* Brand header above every server-rendered page: white wordmark from /assets/logo.svg. */
.brand-header {
  display: flex;
  justify-content: center;
}
.brand-header img {
  height: 40px;
  width: auto;
}