: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: #d8b355;
--cb-color-bg-fill-brand-hovered: #ddbc6a;
--cb-color-bg-fill-brand-pressed: #e0c277;
--cb-color-bg-fill-brand-selected: #debf70;
--cb-color-bg-fill-brand-disabled: #e6ce92;
--cb-color-text-brand: #d8b355;
--cb-color-text-brand-hovered: #dbb962;
--cb-color-text-brand-pressed: #e0c277;
--cb-color-text-brand-selected: #ddbc6a;
--cb-color-text-brand-disabled: #e6ce92;
--cb-color-bg-surface-brand: #fcf9f2;
--cb-color-bg-surface-brand-hovered: #f9f3e4;
--cb-color-bg-surface-brand-pressed: #f6edd6;
--cb-color-bg-surface-brand-selected: #faf6ea;
--cb-color-bg-surface-brand-disabled: #fdfcf8;
--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: #d8b355;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #866f35;
--cb-color-bg-fill-brand-hovered: #95814e;
--cb-color-bg-fill-brand-pressed: #9e8c5d;
--cb-color-bg-fill-brand-selected: #998655;
--cb-color-bg-fill-brand-disabled: #b2a37e;
--cb-color-text-brand: #826c33;
--cb-color-text-brand-hovered: #8c7843;
--cb-color-text-brand-pressed: #9b895c;
--cb-color-text-brand-selected: #917e4c;
--cb-color-text-brand-disabled: #afa17d;
--cb-color-border-selected: #866f35;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #be9d4b;
--cb-color-bg-fill-brand-pressed: #ad8f44;
--cb-color-bg-fill-brand-selected: #b59647;
--cb-color-bg-fill-brand-disabled: #8a7236;
--cb-color-text-brand-hovered: #c7a54e;
--cb-color-text-brand-pressed: #ad8f44;
--cb-color-text-brand-selected: #be9d4b;
--cb-color-text-brand-disabled: #8a7236;
--cb-color-bg-surface-brand: #231d0e;
--cb-color-bg-surface-brand-hovered: #342b14;
--cb-color-bg-surface-brand-pressed: #453a1b;
--cb-color-bg-surface-brand-selected: #2b2411;
--cb-color-bg-surface-brand-disabled: #1a160a;
--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: #413b2c;
--cb-color-bg-surface-brand-hovered: #4f4630;
--cb-color-bg-surface-brand-pressed: #5e5234;
--cb-color-bg-surface-brand-selected: #48412e;
--cb-color-bg-surface-brand-disabled: #3a352a;}
:root{--al-color-border-selected: #8f7327;
--al-color-border-elevated-selected: #8f7327;
--al-color-outline-focused: #392b08;
--al-color-bg-surface-brand: #feebbe;
--al-color-bg-surface-brand-hovered: #f8da92;
--al-color-bg-surface-brand-pressed: #eecb75;
--al-color-bg-surface-brand-selected: #eecb75;
--al-color-bg-surface-brand-disabled: #fef4db;
--al-color-bg-surface-brand-elevated: #feebbe;
--al-color-bg-surface-brand-elevated-hovered: #f8da92;
--al-color-bg-surface-brand-elevated-pressed: #eecb75;
--al-color-bg-surface-brand-elevated-selected: #eecb75;
--al-color-bg-surface-brand-elevated-disabled: #fef4db;
--al-color-bg-fill-brand: #8f7327;
--al-color-bg-fill-brand-hovered: #7e6420;
--al-color-bg-fill-brand-pressed: #6c5619;
--al-color-bg-fill-brand-selected: #5b4813;
--al-color-bg-fill-brand-disabled: #e2bd61;
--al-color-text-brand: #7e6420;
--al-color-text-brand-hovered: #6c5619;
--al-color-text-brand-pressed: #5b4813;
--al-color-text-brand-selected: #4a3a0d;
--al-color-text-brand-disabled: #d5b052;
--al-color-text-on-bg-fill-brand: #fefcf7;
--al-color-text-on-bg-fill-brand-hovered: #fefcf7;
--al-color-text-on-bg-fill-brand-pressed: #fefcf7;
--al-color-text-on-bg-fill-brand-selected: #fefcf7;
--al-color-text-on-bg-fill-brand-disabled: #fef4db;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7e6420;
--al-color-border-elevated-selected: #7e6420;
--al-color-bg-fill-brand: #7e6420;
--al-color-bg-fill-brand-hovered: #6c5619;
--al-color-bg-fill-brand-pressed: #5b4813;
--al-color-bg-fill-brand-selected: #4a3a0d;
--al-color-text-brand: #5b4813;
--al-color-text-brand-hovered: #4a3a0d;
--al-color-text-brand-pressed: #392b08;
--al-color-text-brand-selected: #231a03;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #997b2c;
--al-color-border-elevated-selected: #ac8b36;
--al-color-outline-focused: #fadd99;
--al-color-bg-surface-brand: #261c04;
--al-color-bg-surface-brand-hovered: #342807;
--al-color-bg-surface-brand-pressed: #3f310a;
--al-color-bg-surface-brand-selected: #3f310a;
--al-color-bg-surface-brand-disabled: #1e1603;
--al-color-bg-surface-brand-elevated: #342807;
--al-color-bg-surface-brand-elevated-hovered: #3f310a;
--al-color-bg-surface-brand-elevated-pressed: #4b3a0d;
--al-color-bg-surface-brand-elevated-selected: #4b3a0d;
--al-color-bg-surface-brand-elevated-disabled: #261c04;
--al-color-bg-fill-brand: #c19d42;
--al-color-bg-fill-brand-hovered: #d5b052;
--al-color-bg-fill-brand-pressed: #e9c56c;
--al-color-bg-fill-brand-selected: #fadd99;
--al-color-bg-fill-brand-disabled: #4b3a0d;
--al-color-text-brand: #c19d42;
--al-color-text-brand-hovered: #d5b052;
--al-color-text-brand-pressed: #e9c56c;
--al-color-text-brand-selected: #fadd99;
--al-color-text-brand-disabled: #554311;
--al-color-text-on-bg-fill-brand: #140e01;
--al-color-text-on-bg-fill-brand-hovered: #140e01;
--al-color-text-on-bg-fill-brand-pressed: #140e01;
--al-color-text-on-bg-fill-brand-selected: #140e01;
--al-color-text-on-bg-fill-brand-disabled: #1e1603;}

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