: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: #c9a81c;
--cb-color-bg-fill-brand-hovered: #d0b338;
--cb-color-bg-fill-brand-pressed: #d4b949;
--cb-color-bg-fill-brand-selected: #d2b640;
--cb-color-bg-fill-brand-disabled: #dcc76e;
--cb-color-text-brand: #c9a81c;
--cb-color-text-brand-hovered: #cdaf2e;
--cb-color-text-brand-pressed: #d4b949;
--cb-color-text-brand-selected: #d0b338;
--cb-color-text-brand-disabled: #dcc76e;
--cb-color-bg-surface-brand: #fbf8ed;
--cb-color-bg-surface-brand-hovered: #f6f1db;
--cb-color-bg-surface-brand-pressed: #f2eac9;
--cb-color-bg-surface-brand-selected: #f8f4e3;
--cb-color-bg-surface-brand-disabled: #fdfcf6;
--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: #c9a81c;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #877113;
--cb-color-bg-fill-brand-hovered: #968230;
--cb-color-bg-fill-brand-pressed: #9f8d42;
--cb-color-bg-fill-brand-selected: #9a8839;
--cb-color-bg-fill-brand-disabled: #b2a468;
--cb-color-text-brand: #826d12;
--cb-color-text-brand-hovered: #8c7825;
--cb-color-text-brand-pressed: #9b8a41;
--cb-color-text-brand-selected: #917f2f;
--cb-color-text-brand-disabled: #afa268;
--cb-color-border-selected: #877113;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #b19419;
--cb-color-bg-fill-brand-pressed: #a18616;
--cb-color-bg-fill-brand-selected: #a98d17;
--cb-color-bg-fill-brand-disabled: #806b12;
--cb-color-text-brand-hovered: #b99b1a;
--cb-color-text-brand-pressed: #a18616;
--cb-color-text-brand-selected: #b19419;
--cb-color-text-brand-disabled: #806b12;
--cb-color-bg-surface-brand: #201b05;
--cb-color-bg-surface-brand-hovered: #302807;
--cb-color-bg-surface-brand-pressed: #413609;
--cb-color-bg-surface-brand-selected: #282206;
--cb-color-bg-surface-brand-disabled: #181403;
--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: #3f3923;
--cb-color-bg-surface-brand-hovered: #4b4422;
--cb-color-bg-surface-brand-pressed: #594e21;
--cb-color-bg-surface-brand-selected: #453e22;
--cb-color-bg-surface-brand-disabled: #383423;}
:root{--al-color-border-selected: #8f7300;
--al-color-border-elevated-selected: #8f7300;
--al-color-outline-focused: #382b00;
--al-color-bg-surface-brand: #f8ebbf;
--al-color-bg-surface-brand-hovered: #f2dc90;
--al-color-bg-surface-brand-pressed: #e9cd6a;
--al-color-bg-surface-brand-selected: #e9cd6a;
--al-color-bg-surface-brand-disabled: #faf4db;
--al-color-bg-surface-brand-elevated: #f8ebbf;
--al-color-bg-surface-brand-elevated-hovered: #f2dc90;
--al-color-bg-surface-brand-elevated-pressed: #e9cd6a;
--al-color-bg-surface-brand-elevated-selected: #e9cd6a;
--al-color-bg-surface-brand-elevated-disabled: #faf4db;
--al-color-bg-fill-brand: #8f7300;
--al-color-bg-fill-brand-hovered: #7d6400;
--al-color-bg-fill-brand-pressed: #6c5600;
--al-color-bg-fill-brand-selected: #5b4800;
--al-color-bg-fill-brand-disabled: #debf4b;
--al-color-text-brand: #7d6400;
--al-color-text-brand-hovered: #6c5600;
--al-color-text-brand-pressed: #5b4800;
--al-color-text-brand-selected: #4a3a00;
--al-color-text-brand-disabled: #d2b22f;
--al-color-text-on-bg-fill-brand: #fdfcf7;
--al-color-text-on-bg-fill-brand-hovered: #fdfcf7;
--al-color-text-on-bg-fill-brand-pressed: #fdfcf7;
--al-color-text-on-bg-fill-brand-selected: #fdfcf7;
--al-color-text-on-bg-fill-brand-disabled: #faf4db;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7d6400;
--al-color-border-elevated-selected: #7d6400;
--al-color-bg-fill-brand: #7d6400;
--al-color-bg-fill-brand-hovered: #6c5600;
--al-color-bg-fill-brand-pressed: #5b4800;
--al-color-bg-fill-brand-selected: #4a3a00;
--al-color-text-brand: #5b4800;
--al-color-text-brand-hovered: #4a3a00;
--al-color-text-brand-pressed: #382b00;
--al-color-text-brand-selected: #231a00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #987c00;
--al-color-border-elevated-selected: #ab8c00;
--al-color-outline-focused: #f3e09a;
--al-color-bg-surface-brand: #261d00;
--al-color-bg-surface-brand-hovered: #342800;
--al-color-bg-surface-brand-pressed: #403100;
--al-color-bg-surface-brand-selected: #403100;
--al-color-bg-surface-brand-disabled: #1e1600;
--al-color-bg-surface-brand-elevated: #342800;
--al-color-bg-surface-brand-elevated-hovered: #403100;
--al-color-bg-surface-brand-elevated-pressed: #4b3b00;
--al-color-bg-surface-brand-elevated-selected: #4b3b00;
--al-color-bg-surface-brand-elevated-disabled: #261d00;
--al-color-bg-fill-brand: #bf9e05;
--al-color-bg-fill-brand-hovered: #d3b231;
--al-color-bg-fill-brand-pressed: #e5c85d;
--al-color-bg-fill-brand-selected: #f3e09a;
--al-color-bg-fill-brand-disabled: #4b3b00;
--al-color-text-brand: #bf9e05;
--al-color-text-brand-hovered: #d3b231;
--al-color-text-brand-pressed: #e5c85d;
--al-color-text-brand-selected: #f3e09a;
--al-color-text-brand-disabled: #554300;
--al-color-text-on-bg-fill-brand: #110c00;
--al-color-text-on-bg-fill-brand-hovered: #110c00;
--al-color-text-on-bg-fill-brand-pressed: #110c00;
--al-color-text-on-bg-fill-brand-selected: #110c00;
--al-color-text-on-bg-fill-brand-disabled: #1e1600;}

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