: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: #ffc414;
--cb-color-bg-fill-brand-hovered: #ffcb31;
--cb-color-bg-fill-brand-pressed: #ffd043;
--cb-color-bg-fill-brand-selected: #ffcd3a;
--cb-color-bg-fill-brand-disabled: #ffd969;
--cb-color-text-brand: #ffc414;
--cb-color-text-brand-hovered: #ffc926;
--cb-color-text-brand-pressed: #ffd043;
--cb-color-text-brand-selected: #ffcb31;
--cb-color-text-brand-disabled: #ffd969;
--cb-color-bg-surface-brand: #fffaed;
--cb-color-bg-surface-brand-hovered: #fff6d9;
--cb-color-bg-surface-brand-pressed: #fff1c7;
--cb-color-bg-surface-brand-selected: #fff8e2;
--cb-color-bg-surface-brand-disabled: #fffdf6;
--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: #ffc414;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #8c6c0b;
--cb-color-bg-fill-brand-hovered: #9a7e29;
--cb-color-bg-fill-brand-pressed: #a3893c;
--cb-color-bg-fill-brand-selected: #9e8432;
--cb-color-bg-fill-brand-disabled: #b5a163;
--cb-color-text-brand: #88690b;
--cb-color-text-brand-hovered: #91751e;
--cb-color-text-brand-pressed: #a0873c;
--cb-color-text-brand-selected: #967b29;
--cb-color-text-brand-disabled: #b39f63;
--cb-color-border-selected: #8c6c0b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #e0ac12;
--cb-color-bg-fill-brand-pressed: #cc9d10;
--cb-color-bg-fill-brand-selected: #d6a411;
--cb-color-bg-fill-brand-disabled: #a37d0d;
--cb-color-text-brand-hovered: #ebb512;
--cb-color-text-brand-pressed: #cc9d10;
--cb-color-text-brand-selected: #e0ac12;
--cb-color-text-brand-disabled: #a37d0d;
--cb-color-bg-surface-brand: #292003;
--cb-color-bg-surface-brand-hovered: #3d2f05;
--cb-color-bg-surface-brand-pressed: #523f06;
--cb-color-bg-surface-brand-selected: #332704;
--cb-color-bg-surface-brand-disabled: #1f1802;
--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: #473e21;
--cb-color-bg-surface-brand-hovered: #584a20;
--cb-color-bg-surface-brand-pressed: #6a571f;
--cb-color-bg-surface-brand-selected: #504421;
--cb-color-bg-surface-brand-disabled: #3f3722;}
:root{--al-color-border-selected: #987000;
--al-color-border-elevated-selected: #987000;
--al-color-outline-focused: #3c2a00;
--al-color-bg-surface-brand: #ffed8a;
--al-color-bg-surface-brand-hovered: #ffda4f;
--al-color-bg-surface-brand-pressed: #ffc61b;
--al-color-bg-surface-brand-selected: #ffc61b;
--al-color-bg-surface-brand-disabled: #fff6b9;
--al-color-bg-surface-brand-elevated: #ffed8a;
--al-color-bg-surface-brand-elevated-hovered: #ffda4f;
--al-color-bg-surface-brand-elevated-pressed: #ffc61b;
--al-color-bg-surface-brand-elevated-selected: #ffc61b;
--al-color-bg-surface-brand-elevated-disabled: #fff6b9;
--al-color-bg-fill-brand: #987000;
--al-color-bg-fill-brand-hovered: #866100;
--al-color-bg-fill-brand-pressed: #745300;
--al-color-bg-fill-brand-selected: #614600;
--al-color-bg-fill-brand-disabled: #f3b900;
--al-color-text-brand: #866100;
--al-color-text-brand-hovered: #745300;
--al-color-text-brand-pressed: #614600;
--al-color-text-brand-selected: #503800;
--al-color-text-brand-disabled: #e4ac00;
--al-color-text-on-bg-fill-brand: #fffcef;
--al-color-text-on-bg-fill-brand-hovered: #fffcef;
--al-color-text-on-bg-fill-brand-pressed: #fffcef;
--al-color-text-on-bg-fill-brand-selected: #fffcef;
--al-color-text-on-bg-fill-brand-disabled: #fff6b9;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #866100;
--al-color-border-elevated-selected: #866100;
--al-color-bg-fill-brand: #866100;
--al-color-bg-fill-brand-hovered: #745300;
--al-color-bg-fill-brand-pressed: #614600;
--al-color-bg-fill-brand-selected: #503800;
--al-color-text-brand: #614600;
--al-color-text-brand-hovered: #503800;
--al-color-text-brand-pressed: #3c2a00;
--al-color-text-brand-selected: #261900;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #a37700;
--al-color-border-elevated-selected: #b78700;
--al-color-outline-focused: #ffde5a;
--al-color-bg-surface-brand: #291c00;
--al-color-bg-surface-brand-hovered: #382600;
--al-color-bg-surface-brand-pressed: #432f00;
--al-color-bg-surface-brand-selected: #432f00;
--al-color-bg-surface-brand-disabled: #1f1400;
--al-color-bg-surface-brand-elevated: #382600;
--al-color-bg-surface-brand-elevated-hovered: #432f00;
--al-color-bg-surface-brand-elevated-pressed: #503800;
--al-color-bg-surface-brand-elevated-selected: #503800;
--al-color-bg-surface-brand-elevated-disabled: #291c00;
--al-color-bg-fill-brand: #cd9900;
--al-color-bg-fill-brand-hovered: #e4ac00;
--al-color-bg-fill-brand-pressed: #fbc107;
--al-color-bg-fill-brand-selected: #ffde5a;
--al-color-bg-fill-brand-disabled: #503800;
--al-color-text-brand: #cd9900;
--al-color-text-brand-hovered: #e4ac00;
--al-color-text-brand-pressed: #fbc107;
--al-color-text-brand-selected: #ffde5a;
--al-color-text-brand-disabled: #5b4100;
--al-color-text-on-bg-fill-brand: #130b00;
--al-color-text-on-bg-fill-brand-hovered: #130b00;
--al-color-text-on-bg-fill-brand-pressed: #130b00;
--al-color-text-on-bg-fill-brand-selected: #130b00;
--al-color-text-on-bg-fill-brand-disabled: #1f1400;}

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