: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: #e6c821;
--cb-color-bg-fill-brand-hovered: #e9cf3c;
--cb-color-bg-fill-brand-pressed: #ebd34d;
--cb-color-bg-fill-brand-selected: #ead145;
--cb-color-bg-fill-brand-disabled: #efdc71;
--cb-color-text-brand: #e6c821;
--cb-color-text-brand-hovered: #e8cc32;
--cb-color-text-brand-pressed: #ebd34d;
--cb-color-text-brand-selected: #e9cf3c;
--cb-color-text-brand-disabled: #efdc71;
--cb-color-bg-surface-brand: #fdfbee;
--cb-color-bg-surface-brand-hovered: #fbf6db;
--cb-color-bg-surface-brand-pressed: #f9f2ca;
--cb-color-bg-surface-brand-selected: #fcf8e4;
--cb-color-bg-surface-brand-disabled: #fefdf6;
--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: #e6c821;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #817013;
--cb-color-bg-fill-brand-hovered: #908130;
--cb-color-bg-fill-brand-pressed: #9a8d42;
--cb-color-bg-fill-brand-selected: #958739;
--cb-color-bg-fill-brand-disabled: #aea468;
--cb-color-text-brand: #7e6d12;
--cb-color-text-brand-hovered: #887825;
--cb-color-text-brand-pressed: #988a41;
--cb-color-text-brand-selected: #8e7f2f;
--cb-color-text-brand-disabled: #ada268;
--cb-color-border-selected: #817013;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #cab01d;
--cb-color-bg-fill-brand-pressed: #b8a01a;
--cb-color-bg-fill-brand-selected: #c1a81c;
--cb-color-bg-fill-brand-disabled: #938015;
--cb-color-text-brand-hovered: #d4b81e;
--cb-color-text-brand-pressed: #b8a01a;
--cb-color-text-brand-selected: #cab01d;
--cb-color-text-brand-disabled: #938015;
--cb-color-bg-surface-brand: #252005;
--cb-color-bg-surface-brand-hovered: #373008;
--cb-color-bg-surface-brand-pressed: #4a400b;
--cb-color-bg-surface-brand-selected: #2e2807;
--cb-color-bg-surface-brand-disabled: #1c1804;
--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: #433e24;
--cb-color-bg-surface-brand-hovered: #524b23;
--cb-color-bg-surface-brand-pressed: #625923;
--cb-color-bg-surface-brand-selected: #4b4523;
--cb-color-bg-surface-brand-disabled: #3c3824;}
:root{--al-color-border-selected: #8b7500;
--al-color-border-elevated-selected: #8b7500;
--al-color-outline-focused: #362c00;
--al-color-bg-surface-brand: #ffee86;
--al-color-bg-surface-brand-hovered: #f8dc4d;
--al-color-bg-surface-brand-pressed: #ecce2e;
--al-color-bg-surface-brand-selected: #ecce2e;
--al-color-bg-surface-brand-disabled: #fff6ad;
--al-color-bg-surface-brand-elevated: #ffee86;
--al-color-bg-surface-brand-elevated-hovered: #f8dc4d;
--al-color-bg-surface-brand-elevated-pressed: #ecce2e;
--al-color-bg-surface-brand-elevated-selected: #ecce2e;
--al-color-bg-surface-brand-elevated-disabled: #fff6ad;
--al-color-bg-fill-brand: #8b7500;
--al-color-bg-fill-brand-hovered: #7a6600;
--al-color-bg-fill-brand-pressed: #685700;
--al-color-bg-fill-brand-selected: #584900;
--al-color-bg-fill-brand-disabled: #dec00f;
--al-color-text-brand: #7a6600;
--al-color-text-brand-hovered: #685700;
--al-color-text-brand-pressed: #584900;
--al-color-text-brand-selected: #483b00;
--al-color-text-brand-disabled: #d0b300;
--al-color-text-on-bg-fill-brand: #fffdf1;
--al-color-text-on-bg-fill-brand-hovered: #fffdf1;
--al-color-text-on-bg-fill-brand-pressed: #fffdf1;
--al-color-text-on-bg-fill-brand-selected: #fffdf1;
--al-color-text-on-bg-fill-brand-disabled: #fff6ad;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7a6600;
--al-color-border-elevated-selected: #7a6600;
--al-color-bg-fill-brand: #7a6600;
--al-color-bg-fill-brand-hovered: #685700;
--al-color-bg-fill-brand-pressed: #584900;
--al-color-bg-fill-brand-selected: #483b00;
--al-color-text-brand: #584900;
--al-color-text-brand-hovered: #483b00;
--al-color-text-brand-pressed: #362c00;
--al-color-text-brand-selected: #211b00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #947d00;
--al-color-border-elevated-selected: #a78e00;
--al-color-outline-focused: #fce058;
--al-color-bg-surface-brand: #251e00;
--al-color-bg-surface-brand-hovered: #322900;
--al-color-bg-surface-brand-pressed: #3d3200;
--al-color-bg-surface-brand-selected: #3d3200;
--al-color-bg-surface-brand-disabled: #1d1600;
--al-color-bg-surface-brand-elevated: #322900;
--al-color-bg-surface-brand-elevated-hovered: #3d3200;
--al-color-bg-surface-brand-elevated-pressed: #483c00;
--al-color-bg-surface-brand-elevated-selected: #483c00;
--al-color-bg-surface-brand-elevated-disabled: #251e00;
--al-color-bg-fill-brand: #bca000;
--al-color-bg-fill-brand-hovered: #d0b300;
--al-color-bg-fill-brand-pressed: #e6c822;
--al-color-bg-fill-brand-selected: #fce058;
--al-color-bg-fill-brand-disabled: #483c00;
--al-color-text-brand: #bca000;
--al-color-text-brand-hovered: #d0b300;
--al-color-text-brand-pressed: #e6c822;
--al-color-text-brand-selected: #fce058;
--al-color-text-brand-disabled: #524400;
--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: #1d1600;}

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