: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: #42727d;
--cb-color-bg-fill-brand-hovered: #59838d;
--cb-color-bg-fill-brand-pressed: #688e97;
--cb-color-bg-fill-brand-selected: #608992;
--cb-color-bg-fill-brand-disabled: #86a5ac;
--cb-color-text-brand: #42727d;
--cb-color-text-brand-hovered: #517d87;
--cb-color-text-brand-pressed: #688e97;
--cb-color-text-brand-selected: #59838d;
--cb-color-text-brand-disabled: #86a5ac;
--cb-color-bg-surface-brand: #f0f4f5;
--cb-color-bg-surface-brand-hovered: #e1e8ea;
--cb-color-bg-surface-brand-pressed: #d2dde0;
--cb-color-bg-surface-brand-selected: #e8eeef;
--cb-color-bg-surface-brand-disabled: #f8f9fa;
--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: #42727d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #3a646e;
--cb-color-bg-fill-brand-pressed: #355b64;
--cb-color-bg-fill-brand-selected: #376069;
--cb-color-bg-fill-brand-disabled: #2a4950;
--cb-color-text-brand-hovered: #3d6973;
--cb-color-text-brand-pressed: #355b64;
--cb-color-text-brand-selected: #3a646e;
--cb-color-text-brand-disabled: #2a4950;
--cb-color-bg-surface-brand: #0b1214;
--cb-color-bg-surface-brand-hovered: #101b1e;
--cb-color-bg-surface-brand-pressed: #152528;
--cb-color-bg-surface-brand-selected: #0d1719;
--cb-color-bg-surface-brand-disabled: #080e0f;
--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: #293132;
--cb-color-bg-surface-brand-hovered: #2b3739;
--cb-color-bg-surface-brand-pressed: #2e3d41;
--cb-color-bg-surface-brand-selected: #2a3436;
--cb-color-bg-surface-brand-disabled: #282d2f;}
:root{--al-color-border-selected: #4e7d88;
--al-color-border-elevated-selected: #4e7d88;
--al-color-outline-focused: #123138;
--al-color-bg-surface-brand: #e6edef;
--al-color-bg-surface-brand-hovered: #d1dfe3;
--al-color-bg-surface-brand-pressed: #bed2d7;
--al-color-bg-surface-brand-selected: #bed2d7;
--al-color-bg-surface-brand-disabled: #f1f5f6;
--al-color-bg-surface-brand-elevated: #e6edef;
--al-color-bg-surface-brand-elevated-hovered: #d1dfe3;
--al-color-bg-surface-brand-elevated-pressed: #bed2d7;
--al-color-bg-surface-brand-elevated-selected: #bed2d7;
--al-color-bg-surface-brand-elevated-disabled: #f1f5f6;
--al-color-bg-fill-brand: #4e7d88;
--al-color-bg-fill-brand-hovered: #3f6e79;
--al-color-bg-fill-brand-pressed: #315f6a;
--al-color-bg-fill-brand-selected: #26505a;
--al-color-bg-fill-brand-disabled: #adc6cc;
--al-color-text-brand: #3f6e79;
--al-color-text-brand-hovered: #315f6a;
--al-color-text-brand-pressed: #26505a;
--al-color-text-brand-selected: #1c414a;
--al-color-text-brand-disabled: #9cbac1;
--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: #f1f5f6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #3f6e79;
--al-color-border-elevated-selected: #3f6e79;
--al-color-bg-fill-brand: #3f6e79;
--al-color-bg-fill-brand-hovered: #315f6a;
--al-color-bg-fill-brand-pressed: #26505a;
--al-color-bg-fill-brand-selected: #1c414a;
--al-color-text-brand: #26505a;
--al-color-text-brand-hovered: #1c414a;
--al-color-text-brand-pressed: #123138;
--al-color-text-brand-selected: #081e23;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #588691;
--al-color-border-elevated-selected: #6c96a1;
--al-color-outline-focused: #d6e2e6;
--al-color-bg-surface-brand: #092126;
--al-color-bg-surface-brand-hovered: #0f2d33;
--al-color-bg-surface-brand-pressed: #15373e;
--al-color-bg-surface-brand-selected: #15373e;
--al-color-bg-surface-brand-disabled: #061a1e;
--al-color-bg-surface-brand-elevated: #0f2d33;
--al-color-bg-surface-brand-elevated-hovered: #15373e;
--al-color-bg-surface-brand-elevated-pressed: #1c414a;
--al-color-bg-surface-brand-elevated-selected: #1c414a;
--al-color-bg-surface-brand-elevated-disabled: #092126;
--al-color-bg-fill-brand: #82a7b0;
--al-color-bg-fill-brand-hovered: #9bbac1;
--al-color-bg-fill-brand-pressed: #b7cdd3;
--al-color-bg-fill-brand-selected: #d6e2e6;
--al-color-bg-fill-brand-disabled: #1c414a;
--al-color-text-brand: #82a7b0;
--al-color-text-brand-hovered: #9bbac1;
--al-color-text-brand-pressed: #b7cdd3;
--al-color-text-brand-selected: #d6e2e6;
--al-color-text-brand-disabled: #224b54;
--al-color-text-on-bg-fill-brand: #031115;
--al-color-text-on-bg-fill-brand-hovered: #031115;
--al-color-text-on-bg-fill-brand-pressed: #031115;
--al-color-text-on-bg-fill-brand-selected: #031115;
--al-color-text-on-bg-fill-brand-disabled: #061a1e;}

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