: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: #f4df11;
--cb-color-bg-fill-brand-hovered: #f5e32e;
--cb-color-bg-fill-brand-pressed: #f6e541;
--cb-color-bg-fill-brand-selected: #f6e437;
--cb-color-bg-fill-brand-disabled: #f8eb67;
--cb-color-text-brand: #f4df11;
--cb-color-text-brand-hovered: #f5e224;
--cb-color-text-brand-pressed: #f6e541;
--cb-color-text-brand-selected: #f5e32e;
--cb-color-text-brand-disabled: #f8eb67;
--cb-color-bg-surface-brand: #fefcec;
--cb-color-bg-surface-brand-hovered: #fdfad9;
--cb-color-bg-surface-brand-pressed: #fcf7c6;
--cb-color-bg-surface-brand-selected: #fefbe2;
--cb-color-bg-surface-brand-disabled: #fffef6;
--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: #f4df11;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #7b7009;
--cb-color-bg-fill-brand-hovered: #8b8127;
--cb-color-bg-fill-brand-pressed: #958d3a;
--cb-color-bg-fill-brand-selected: #908731;
--cb-color-bg-fill-brand-disabled: #aba462;
--cb-color-text-brand: #796e08;
--cb-color-text-brand-hovered: #84791b;
--cb-color-text-brand-pressed: #948b39;
--cb-color-text-brand-selected: #898026;
--cb-color-text-brand-disabled: #a9a261;
--cb-color-border-selected: #7b7009;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d6c40f;
--cb-color-bg-fill-brand-pressed: #c3b20e;
--cb-color-bg-fill-brand-selected: #cdbb0e;
--cb-color-bg-fill-brand-disabled: #9c8f0b;
--cb-color-text-brand-hovered: #e1ce10;
--cb-color-text-brand-pressed: #c3b20e;
--cb-color-text-brand-selected: #d6c40f;
--cb-color-text-brand-disabled: #9c8f0b;
--cb-color-bg-surface-brand: #272403;
--cb-color-bg-surface-brand-hovered: #3a3504;
--cb-color-bg-surface-brand-pressed: #4e4805;
--cb-color-bg-surface-brand-selected: #312d03;
--cb-color-bg-surface-brand-disabled: #1e1b02;
--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: #454221;
--cb-color-bg-surface-brand-hovered: #56511f;
--cb-color-bg-surface-brand-pressed: #67601e;
--cb-color-bg-surface-brand-selected: #4e4920;
--cb-color-bg-surface-brand-disabled: #3d3b22;}
:root{--al-color-border-selected: #857700;
--al-color-border-elevated-selected: #857700;
--al-color-outline-focused: #342d00;
--al-color-bg-surface-brand: #fff044;
--al-color-bg-surface-brand-hovered: #f4df12;
--al-color-bg-surface-brand-pressed: #e5d100;
--al-color-bg-surface-brand-selected: #e5d100;
--al-color-bg-surface-brand-disabled: #fff964;
--al-color-bg-surface-brand-elevated: #fff044;
--al-color-bg-surface-brand-elevated-hovered: #f4df12;
--al-color-bg-surface-brand-elevated-pressed: #e5d100;
--al-color-bg-surface-brand-elevated-selected: #e5d100;
--al-color-bg-surface-brand-elevated-disabled: #fff964;
--al-color-bg-fill-brand: #857700;
--al-color-bg-fill-brand-hovered: #746800;
--al-color-bg-fill-brand-pressed: #645900;
--al-color-bg-fill-brand-selected: #544b00;
--al-color-bg-fill-brand-disabled: #d8c300;
--al-color-text-brand: #746800;
--al-color-text-brand-hovered: #645900;
--al-color-text-brand-pressed: #544b00;
--al-color-text-brand-selected: #443c00;
--al-color-text-brand-disabled: #cab600;
--al-color-text-on-bg-fill-brand: #ffffd5;
--al-color-text-on-bg-fill-brand-hovered: #ffffd5;
--al-color-text-on-bg-fill-brand-pressed: #ffffd5;
--al-color-text-on-bg-fill-brand-selected: #ffffd5;
--al-color-text-on-bg-fill-brand-disabled: #fff964;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #746800;
--al-color-border-elevated-selected: #746800;
--al-color-bg-fill-brand: #746800;
--al-color-bg-fill-brand-hovered: #645900;
--al-color-bg-fill-brand-pressed: #544b00;
--al-color-bg-fill-brand-selected: #443c00;
--al-color-text-brand: #544b00;
--al-color-text-brand-hovered: #443c00;
--al-color-text-brand-pressed: #342d00;
--al-color-text-brand-selected: #201b00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #8e7f00;
--al-color-border-elevated-selected: #a19000;
--al-color-outline-focused: #f7e21d;
--al-color-bg-surface-brand: #221e00;
--al-color-bg-surface-brand-hovered: #2f2900;
--al-color-bg-surface-brand-pressed: #3a3300;
--al-color-bg-surface-brand-selected: #3a3300;
--al-color-bg-surface-brand-disabled: #1b1700;
--al-color-bg-surface-brand-elevated: #2f2900;
--al-color-bg-surface-brand-elevated-hovered: #3a3300;
--al-color-bg-surface-brand-elevated-pressed: #453d00;
--al-color-bg-surface-brand-elevated-selected: #453d00;
--al-color-bg-surface-brand-elevated-disabled: #221e00;
--al-color-bg-fill-brand: #b4a200;
--al-color-bg-fill-brand-hovered: #cab600;
--al-color-bg-fill-brand-pressed: #e0cb00;
--al-color-bg-fill-brand-selected: #f7e21d;
--al-color-bg-fill-brand-disabled: #453d00;
--al-color-text-brand: #b4a200;
--al-color-text-brand-hovered: #cab600;
--al-color-text-brand-pressed: #e0cb00;
--al-color-text-brand-selected: #f7e21d;
--al-color-text-brand-disabled: #4e4500;
--al-color-text-on-bg-fill-brand: #120f00;
--al-color-text-on-bg-fill-brand-hovered: #120f00;
--al-color-text-on-bg-fill-brand-pressed: #120f00;
--al-color-text-on-bg-fill-brand-selected: #120f00;
--al-color-text-on-bg-fill-brand-disabled: #1b1700;}

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