: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: #f1ab06;
--cb-color-bg-fill-brand-hovered: #f3b524;
--cb-color-bg-fill-brand-pressed: #f4bc38;
--cb-color-bg-fill-brand-selected: #f3b92e;
--cb-color-bg-fill-brand-disabled: #f6c960;
--cb-color-text-brand: #f1ab06;
--cb-color-text-brand-hovered: #f2b21a;
--cb-color-text-brand-pressed: #f4bc38;
--cb-color-text-brand-selected: #f3b524;
--cb-color-text-brand-disabled: #f6c960;
--cb-color-bg-surface-brand: #fef8eb;
--cb-color-bg-surface-brand-hovered: #fdf1d7;
--cb-color-bg-surface-brand-pressed: #fcebc3;
--cb-color-bg-surface-brand-selected: #fdf5e1;
--cb-color-bg-surface-brand-disabled: #fefcf5;
--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: #f1ab06;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #956a04;
--cb-color-bg-fill-brand-hovered: #a27c23;
--cb-color-bg-fill-brand-pressed: #aa8836;
--cb-color-bg-fill-brand-selected: #a6822c;
--cb-color-bg-fill-brand-disabled: #bba05f;
--cb-color-text-brand: #906604;
--cb-color-text-brand-hovered: #997218;
--cb-color-text-brand-pressed: #a68536;
--cb-color-text-brand-selected: #9d7923;
--cb-color-text-brand-disabled: #b89d5f;
--cb-color-border-selected: #956a04;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d49605;
--cb-color-bg-fill-brand-pressed: #c18905;
--cb-color-bg-fill-brand-selected: #ca9005;
--cb-color-bg-fill-brand-disabled: #9a6d04;
--cb-color-text-brand-hovered: #de9e06;
--cb-color-text-brand-pressed: #c18905;
--cb-color-text-brand-selected: #d49605;
--cb-color-text-brand-disabled: #9a6d04;
--cb-color-bg-surface-brand: #271b01;
--cb-color-bg-surface-brand-hovered: #3a2901;
--cb-color-bg-surface-brand-pressed: #4d3702;
--cb-color-bg-surface-brand-selected: #302201;
--cb-color-bg-surface-brand-disabled: #1d1501;
--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: #453a1f;
--cb-color-bg-surface-brand-hovered: #55441d;
--cb-color-bg-surface-brand-pressed: #664f1a;
--cb-color-bg-surface-brand-selected: #4d3f1e;
--cb-color-bg-surface-brand-disabled: #3d3420;}
:root{--al-color-border-selected: #a16c00;
--al-color-border-elevated-selected: #a16c00;
--al-color-outline-focused: #402800;
--al-color-bg-surface-brand: #ffebb7;
--al-color-bg-surface-brand-hovered: #ffd980;
--al-color-bg-surface-brand-pressed: #ffc54d;
--al-color-bg-surface-brand-selected: #ffc54d;
--al-color-bg-surface-brand-disabled: #fff2d0;
--al-color-bg-surface-brand-elevated: #ffebb7;
--al-color-bg-surface-brand-elevated-hovered: #ffd980;
--al-color-bg-surface-brand-elevated-pressed: #ffc54d;
--al-color-bg-surface-brand-elevated-selected: #ffc54d;
--al-color-bg-surface-brand-elevated-disabled: #fff2d0;
--al-color-bg-fill-brand: #a16c00;
--al-color-bg-fill-brand-hovered: #8d5d00;
--al-color-bg-fill-brand-pressed: #7a5000;
--al-color-bg-fill-brand-selected: #674300;
--al-color-bg-fill-brand-disabled: #fbb527;
--al-color-text-brand: #8d5d00;
--al-color-text-brand-hovered: #7a5000;
--al-color-text-brand-pressed: #674300;
--al-color-text-brand-selected: #543600;
--al-color-text-brand-disabled: #eda700;
--al-color-text-on-bg-fill-brand: #fffbf5;
--al-color-text-on-bg-fill-brand-hovered: #fffbf5;
--al-color-text-on-bg-fill-brand-pressed: #fffbf5;
--al-color-text-on-bg-fill-brand-selected: #fffbf5;
--al-color-text-on-bg-fill-brand-disabled: #fff2d0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #8d5d00;
--al-color-border-elevated-selected: #8d5d00;
--al-color-bg-fill-brand: #8d5d00;
--al-color-bg-fill-brand-hovered: #7a5000;
--al-color-bg-fill-brand-pressed: #674300;
--al-color-bg-fill-brand-selected: #543600;
--al-color-text-brand: #674300;
--al-color-text-brand-hovered: #543600;
--al-color-text-brand-pressed: #402800;
--al-color-text-brand-selected: #291700;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #ab7300;
--al-color-border-elevated-selected: #c18300;
--al-color-outline-focused: #ffdc8a;
--al-color-bg-surface-brand: #2c1a00;
--al-color-bg-surface-brand-hovered: #3b2400;
--al-color-bg-surface-brand-pressed: #482d00;
--al-color-bg-surface-brand-selected: #482d00;
--al-color-bg-surface-brand-disabled: #221300;
--al-color-bg-surface-brand-elevated: #3b2400;
--al-color-bg-surface-brand-elevated-hovered: #482d00;
--al-color-bg-surface-brand-elevated-pressed: #553600;
--al-color-bg-surface-brand-elevated-selected: #553600;
--al-color-bg-surface-brand-elevated-disabled: #2c1a00;
--al-color-bg-fill-brand: #d79400;
--al-color-bg-fill-brand-hovered: #eda800;
--al-color-bg-fill-brand-pressed: #ffbe3e;
--al-color-bg-fill-brand-selected: #ffdc8a;
--al-color-bg-fill-brand-disabled: #553600;
--al-color-text-brand: #d79400;
--al-color-text-brand-hovered: #eda800;
--al-color-text-brand-pressed: #ffbe3e;
--al-color-text-brand-selected: #ffdc8a;
--al-color-text-brand-disabled: #603e00;
--al-color-text-on-bg-fill-brand: #170c00;
--al-color-text-on-bg-fill-brand-hovered: #170c00;
--al-color-text-on-bg-fill-brand-pressed: #170c00;
--al-color-text-on-bg-fill-brand-selected: #170c00;
--al-color-text-on-bg-fill-brand-disabled: #221300;}

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