:root {
  --cb-font-family-brand: var(--cb-font-family-sans);
  --cb-font-family-brand-font-feature-settings: ;
  --al-font-family-brand: var(--al-font-family-sans);
  --al-font-family-brand-font-feature-settings: ;
}
:root{--cb-color-bg-fill-brand: #527a81;
--cb-color-bg-fill-brand-hovered: #678a90;
--cb-color-bg-fill-brand-pressed: #75959a;
--cb-color-bg-fill-brand-selected: #6e8f95;
--cb-color-bg-fill-brand-disabled: #90aaae;
--cb-color-text-brand: #527a81;
--cb-color-text-brand-hovered: #60848b;
--cb-color-text-brand-pressed: #75959a;
--cb-color-text-brand-selected: #678a90;
--cb-color-text-brand-disabled: #90aaae;
--cb-color-bg-surface-brand: #f1f5f5;
--cb-color-bg-surface-brand-hovered: #e3eaeb;
--cb-color-bg-surface-brand-pressed: #d6dfe1;
--cb-color-bg-surface-brand-selected: #eaeff0;
--cb-color-bg-surface-brand-disabled: #f8fafa;
--cb-color-text-on-bg-fill-brand: #ffffff;
--cb-color-text-on-bg-fill-brand-hovered: #ffffff;
--cb-color-text-on-bg-fill-brand-pressed: #ffffff;
--cb-color-text-on-bg-fill-brand-selected: #ffffff;
--cb-color-text-on-bg-fill-brand-disabled: #ffffff66;
--cb-color-border-selected: #527a81;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #4f767d;
--cb-color-text-brand-hovered: #5d8187;
--cb-color-text-brand-pressed: #729197;
--cb-color-text-brand-selected: #64878d;
--cb-color-text-brand-disabled: #8ea7ac;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #486b71;
--cb-color-bg-fill-brand-pressed: #426267;
--cb-color-bg-fill-brand-selected: #45666c;
--cb-color-bg-fill-brand-disabled: #344e52;
--cb-color-text-brand-hovered: #4c7077;
--cb-color-text-brand-pressed: #426267;
--cb-color-text-brand-selected: #486b71;
--cb-color-text-brand-disabled: #344e52;
--cb-color-bg-surface-brand: #0d1415;
--cb-color-bg-surface-brand-hovered: #141d1f;
--cb-color-bg-surface-brand-pressed: #1a2729;
--cb-color-bg-surface-brand-selected: #10181a;
--cb-color-bg-surface-brand-disabled: #0a0f10;
--cb-color-text-on-bg-fill-brand: #202125;
--cb-color-text-on-bg-fill-brand-hovered: #202125;
--cb-color-text-on-bg-fill-brand-pressed: #202125;
--cb-color-text-on-bg-fill-brand-selected: #202125;
--cb-color-text-on-bg-fill-brand-disabled: #20212566;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2b3233;
--cb-color-bg-surface-brand-hovered: #2f393a;
--cb-color-bg-surface-brand-pressed: #334042;
--cb-color-bg-surface-brand-selected: #2d3537;
--cb-color-bg-surface-brand-disabled: #2a2e2f;}
:root{--al-color-border-selected: #557d84;
--al-color-border-elevated-selected: #557d84;
--al-color-outline-focused: #193034;
--al-color-bg-surface-brand: #e7edef;
--al-color-bg-surface-brand-hovered: #d2dfe1;
--al-color-bg-surface-brand-pressed: #c0d2d6;
--al-color-bg-surface-brand-selected: #c0d2d6;
--al-color-bg-surface-brand-disabled: #f2f5f6;
--al-color-bg-surface-brand-elevated: #e7edef;
--al-color-bg-surface-brand-elevated-hovered: #d2dfe1;
--al-color-bg-surface-brand-elevated-pressed: #c0d2d6;
--al-color-bg-surface-brand-elevated-selected: #c0d2d6;
--al-color-bg-surface-brand-elevated-disabled: #f2f5f6;
--al-color-bg-fill-brand: #557d84;
--al-color-bg-fill-brand-hovered: #466d74;
--al-color-bg-fill-brand-pressed: #3a5e65;
--al-color-bg-fill-brand-selected: #2f4f55;
--al-color-bg-fill-brand-disabled: #afc6ca;
--al-color-text-brand: #466d74;
--al-color-text-brand-hovered: #3a5e65;
--al-color-text-brand-pressed: #2f4f55;
--al-color-text-brand-selected: #244045;
--al-color-text-brand-disabled: #9eb9be;
--al-color-text-on-bg-fill-brand: #fafcfc;
--al-color-text-on-bg-fill-brand-hovered: #fafcfc;
--al-color-text-on-bg-fill-brand-pressed: #fafcfc;
--al-color-text-on-bg-fill-brand-selected: #fafcfc;
--al-color-text-on-bg-fill-brand-disabled: #f2f5f6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #466d74;
--al-color-border-elevated-selected: #466d74;
--al-color-bg-fill-brand: #466d74;
--al-color-bg-fill-brand-hovered: #3a5e65;
--al-color-bg-fill-brand-pressed: #2f4f55;
--al-color-bg-fill-brand-selected: #244045;
--al-color-text-brand: #2f4f55;
--al-color-text-brand-hovered: #244045;
--al-color-text-brand-pressed: #193034;
--al-color-text-brand-selected: #0d1d20;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5e858c;
--al-color-border-elevated-selected: #70969c;
--al-color-outline-focused: #d7e2e5;
--al-color-bg-surface-brand: #0f2124;
--al-color-bg-surface-brand-hovered: #172d30;
--al-color-bg-surface-brand-pressed: #1d373b;
--al-color-bg-surface-brand-selected: #1d373b;
--al-color-bg-surface-brand-disabled: #09181a;
--al-color-bg-surface-brand-elevated: #172d30;
--al-color-bg-surface-brand-elevated-hovered: #1d373b;
--al-color-bg-surface-brand-elevated-pressed: #254146;
--al-color-bg-surface-brand-elevated-selected: #254146;
--al-color-bg-surface-brand-elevated-disabled: #0f2124;
--al-color-bg-fill-brand: #86a7ad;
--al-color-bg-fill-brand-hovered: #9eb9be;
--al-color-bg-fill-brand-pressed: #b9cdd1;
--al-color-bg-fill-brand-selected: #d7e2e5;
--al-color-bg-fill-brand-disabled: #254146;
--al-color-text-brand: #86a7ad;
--al-color-text-brand-hovered: #9eb9be;
--al-color-text-brand-pressed: #b9cdd1;
--al-color-text-brand-selected: #d7e2e5;
--al-color-text-brand-disabled: #2b4a50;
--al-color-text-on-bg-fill-brand: #050e10;
--al-color-text-on-bg-fill-brand-hovered: #050e10;
--al-color-text-on-bg-fill-brand-pressed: #050e10;
--al-color-text-on-bg-fill-brand-selected: #050e10;
--al-color-text-on-bg-fill-brand-disabled: #09181a;}

:root, :root:where([data-al-theme="lightHighContrast"]) {
  --al-c-toggle-switch-on-bg: var(--al-color-bg-fill-brand);
}