: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: #f7df06;
--cb-color-bg-fill-brand-hovered: #f8e324;
--cb-color-bg-fill-brand-pressed: #f9e538;
--cb-color-bg-fill-brand-selected: #f8e42e;
--cb-color-bg-fill-brand-disabled: #faeb60;
--cb-color-text-brand: #f7df06;
--cb-color-text-brand-hovered: #f8e21a;
--cb-color-text-brand-pressed: #f9e538;
--cb-color-text-brand-selected: #f8e324;
--cb-color-text-brand-disabled: #faeb60;
--cb-color-bg-surface-brand: #fefceb;
--cb-color-bg-surface-brand-hovered: #fefad7;
--cb-color-bg-surface-brand-pressed: #fdf7c3;
--cb-color-bg-surface-brand-selected: #fefbe1;
--cb-color-bg-surface-brand-disabled: #fffef5;
--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: #f7df06;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #7c7003;
--cb-color-bg-fill-brand-hovered: #8c8122;
--cb-color-bg-fill-brand-pressed: #968d35;
--cb-color-bg-fill-brand-selected: #91872c;
--cb-color-bg-fill-brand-disabled: #aba45e;
--cb-color-text-brand: #7a6e03;
--cb-color-text-brand-hovered: #847917;
--cb-color-text-brand-pressed: #958b35;
--cb-color-text-brand-selected: #8a8022;
--cb-color-text-brand-disabled: #aaa25e;
--cb-color-border-selected: #7c7003;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d9c405;
--cb-color-bg-fill-brand-pressed: #c6b205;
--cb-color-bg-fill-brand-selected: #cfbb05;
--cb-color-bg-fill-brand-disabled: #9e8f04;
--cb-color-text-brand-hovered: #e4ce06;
--cb-color-text-brand-pressed: #c6b205;
--cb-color-text-brand-selected: #d9c405;
--cb-color-text-brand-disabled: #9e8f04;
--cb-color-bg-surface-brand: #282401;
--cb-color-bg-surface-brand-hovered: #3b3501;
--cb-color-bg-surface-brand-pressed: #4f4802;
--cb-color-bg-surface-brand-selected: #312d01;
--cb-color-bg-surface-brand-disabled: #1e1b01;
--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: #46421f;
--cb-color-bg-surface-brand-hovered: #56511d;
--cb-color-bg-surface-brand-pressed: #68601a;
--cb-color-bg-surface-brand-selected: #4e491e;
--cb-color-bg-surface-brand-disabled: #3e3b20;}
:root{--al-color-border-selected: #867700;
--al-color-border-elevated-selected: #867700;
--al-color-outline-focused: #352d00;
--al-color-bg-surface-brand: #ffef3e;
--al-color-bg-surface-brand-hovered: #f6de00;
--al-color-bg-surface-brand-pressed: #e8d000;
--al-color-bg-surface-brand-selected: #e8d000;
--al-color-bg-surface-brand-disabled: #fff85e;
--al-color-bg-surface-brand-elevated: #ffef3e;
--al-color-bg-surface-brand-elevated-hovered: #f6de00;
--al-color-bg-surface-brand-elevated-pressed: #e8d000;
--al-color-bg-surface-brand-elevated-selected: #e8d000;
--al-color-bg-surface-brand-elevated-disabled: #fff85e;
--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: #ffffcf;
--al-color-text-on-bg-fill-brand-hovered: #ffffcf;
--al-color-text-on-bg-fill-brand-pressed: #ffffcf;
--al-color-text-on-bg-fill-brand-selected: #ffffcf;
--al-color-text-on-bg-fill-brand-disabled: #fff85e;}

: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: #f9e113;
--al-color-bg-surface-brand: #241e00;
--al-color-bg-surface-brand-hovered: #302900;
--al-color-bg-surface-brand-pressed: #3b3300;
--al-color-bg-surface-brand-selected: #3b3300;
--al-color-bg-surface-brand-disabled: #1b1600;
--al-color-bg-surface-brand-elevated: #302900;
--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: #e2ca00;
--al-color-bg-fill-brand-selected: #f9e113;
--al-color-bg-fill-brand-disabled: #463c00;
--al-color-text-brand: #b6a200;
--al-color-text-brand-hovered: #cbb500;
--al-color-text-brand-pressed: #e2ca00;
--al-color-text-brand-selected: #f9e113;
--al-color-text-brand-disabled: #504500;
--al-color-text-on-bg-fill-brand: #100d00;
--al-color-text-on-bg-fill-brand-hovered: #100d00;
--al-color-text-on-bg-fill-brand-pressed: #100d00;
--al-color-text-on-bg-fill-brand-selected: #100d00;
--al-color-text-on-bg-fill-brand-disabled: #1b1600;}

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