: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: #f4dc2a;
--cb-color-bg-fill-brand-hovered: #f5e044;
--cb-color-bg-fill-brand-pressed: #f6e355;
--cb-color-bg-fill-brand-selected: #f6e24c;
--cb-color-bg-fill-brand-disabled: #f8e977;
--cb-color-text-brand: #f4dc2a;
--cb-color-text-brand-hovered: #f5df3b;
--cb-color-text-brand-pressed: #f6e355;
--cb-color-text-brand-selected: #f5e044;
--cb-color-text-brand-disabled: #f8e977;
--cb-color-bg-surface-brand: #fefcee;
--cb-color-bg-surface-brand-hovered: #fdf9dd;
--cb-color-bg-surface-brand-pressed: #fcf7cc;
--cb-color-bg-surface-brand-selected: #fefbe5;
--cb-color-bg-surface-brand-disabled: #fffef7;
--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: #f4dc2a;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #7c7015;
--cb-color-bg-fill-brand-hovered: #8c8131;
--cb-color-bg-fill-brand-pressed: #968d44;
--cb-color-bg-fill-brand-selected: #91873b;
--cb-color-bg-fill-brand-disabled: #aba469;
--cb-color-text-brand: #7a6e15;
--cb-color-text-brand-hovered: #847927;
--cb-color-text-brand-pressed: #958b44;
--cb-color-text-brand-selected: #8a8031;
--cb-color-text-brand-disabled: #aaa269;
--cb-color-border-selected: #7c7015;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d6c125;
--cb-color-bg-fill-brand-pressed: #c3b022;
--cb-color-bg-fill-brand-selected: #cdb923;
--cb-color-bg-fill-brand-disabled: #9c8d1b;
--cb-color-text-brand-hovered: #e1cb27;
--cb-color-text-brand-pressed: #c3b022;
--cb-color-text-brand-selected: #d6c125;
--cb-color-text-brand-disabled: #9c8d1b;
--cb-color-bg-surface-brand: #272307;
--cb-color-bg-surface-brand-hovered: #3a350a;
--cb-color-bg-surface-brand-pressed: #4e470e;
--cb-color-bg-surface-brand-selected: #312c08;
--cb-color-bg-surface-brand-disabled: #1e1b05;
--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: #454225;
--cb-color-bg-surface-brand-hovered: #565025;
--cb-color-bg-surface-brand-pressed: #675f26;
--cb-color-bg-surface-brand-selected: #4e4925;
--cb-color-bg-surface-brand-disabled: #3d3a25;}
:root{--al-color-border-selected: #867700;
--al-color-border-elevated-selected: #867700;
--al-color-outline-focused: #352d00;
--al-color-bg-surface-brand: #ffef55;
--al-color-bg-surface-brand-hovered: #f6de2d;
--al-color-bg-surface-brand-pressed: #e8d013;
--al-color-bg-surface-brand-selected: #e8d013;
--al-color-bg-surface-brand-disabled: #fff872;
--al-color-bg-surface-brand-elevated: #ffef55;
--al-color-bg-surface-brand-elevated-hovered: #f6de2d;
--al-color-bg-surface-brand-elevated-pressed: #e8d013;
--al-color-bg-surface-brand-elevated-selected: #e8d013;
--al-color-bg-surface-brand-elevated-disabled: #fff872;
--al-color-bg-fill-brand: #867700;
--al-color-bg-fill-brand-hovered: #766700;
--al-color-bg-fill-brand-pressed: #655900;
--al-color-bg-fill-brand-selected: #554a00;
--al-color-bg-fill-brand-disabled: #d9c200;
--al-color-text-brand: #766700;
--al-color-text-brand-hovered: #655900;
--al-color-text-brand-pressed: #554a00;
--al-color-text-brand-selected: #463c00;
--al-color-text-brand-disabled: #cbb500;
--al-color-text-on-bg-fill-brand: #ffffde;
--al-color-text-on-bg-fill-brand-hovered: #ffffde;
--al-color-text-on-bg-fill-brand-pressed: #ffffde;
--al-color-text-on-bg-fill-brand-selected: #ffffde;
--al-color-text-on-bg-fill-brand-disabled: #fff872;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #766700;
--al-color-border-elevated-selected: #766700;
--al-color-bg-fill-brand: #766700;
--al-color-bg-fill-brand-hovered: #655900;
--al-color-bg-fill-brand-pressed: #554a00;
--al-color-bg-fill-brand-selected: #463c00;
--al-color-text-brand: #554a00;
--al-color-text-brand-hovered: #463c00;
--al-color-text-brand-pressed: #352d00;
--al-color-text-brand-selected: #201b00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #907f00;
--al-color-border-elevated-selected: #a29000;
--al-color-outline-focused: #f9e135;
--al-color-bg-surface-brand: #241e00;
--al-color-bg-surface-brand-hovered: #2f2900;
--al-color-bg-surface-brand-pressed: #3b3300;
--al-color-bg-surface-brand-selected: #3b3300;
--al-color-bg-surface-brand-disabled: #1b1700;
--al-color-bg-surface-brand-elevated: #2f2900;
--al-color-bg-surface-brand-elevated-hovered: #3b3300;
--al-color-bg-surface-brand-elevated-pressed: #463c00;
--al-color-bg-surface-brand-elevated-selected: #463c00;
--al-color-bg-surface-brand-elevated-disabled: #241e00;
--al-color-bg-fill-brand: #b6a200;
--al-color-bg-fill-brand-hovered: #cbb500;
--al-color-bg-fill-brand-pressed: #e2ca05;
--al-color-bg-fill-brand-selected: #f9e135;
--al-color-bg-fill-brand-disabled: #463c00;
--al-color-text-brand: #b6a200;
--al-color-text-brand-hovered: #cbb500;
--al-color-text-brand-pressed: #e2ca05;
--al-color-text-brand-selected: #f9e135;
--al-color-text-brand-disabled: #504500;
--al-color-text-on-bg-fill-brand: #110d00;
--al-color-text-on-bg-fill-brand-hovered: #110d00;
--al-color-text-on-bg-fill-brand-pressed: #110d00;
--al-color-text-on-bg-fill-brand-selected: #110d00;
--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);
}