:root {
  --cb-font-family-brand: "MxThemeHeading-Oswald", sans-serif;
  --cb-font-family-brand-font-feature-settings: ;
  --al-font-family-brand: "MxThemeHeading-Oswald", sans-serif;
  --al-font-family-brand-font-feature-settings: ;
}
:root{--cb-color-bg-fill-brand: #7b5f19;
--cb-color-bg-fill-brand-hovered: #8b7235;
--cb-color-bg-fill-brand-pressed: #957f47;
--cb-color-bg-fill-brand-selected: #90793e;
--cb-color-bg-fill-brand-disabled: #ab996c;
--cb-color-text-brand: #7b5f19;
--cb-color-text-brand-hovered: #856c2b;
--cb-color-text-brand-pressed: #957f47;
--cb-color-text-brand-selected: #8b7235;
--cb-color-text-brand-disabled: #ab996c;
--cb-color-bg-surface-brand: #f5f2ed;
--cb-color-bg-surface-brand-hovered: #eae5da;
--cb-color-bg-surface-brand-pressed: #dfd9c8;
--cb-color-bg-surface-brand-selected: #efece3;
--cb-color-bg-surface-brand-disabled: #faf9f6;
--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: #7b5f19;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #6c5316;
--cb-color-bg-fill-brand-pressed: #624c14;
--cb-color-bg-fill-brand-selected: #675015;
--cb-color-bg-fill-brand-disabled: #4f3d10;
--cb-color-text-brand-hovered: #715817;
--cb-color-text-brand-pressed: #624c14;
--cb-color-text-brand-selected: #6c5316;
--cb-color-text-brand-disabled: #4f3d10;
--cb-color-bg-surface-brand: #140f04;
--cb-color-bg-surface-brand-hovered: #1d1706;
--cb-color-bg-surface-brand-pressed: #281f08;
--cb-color-bg-surface-brand-selected: #191305;
--cb-color-bg-surface-brand-disabled: #0f0c03;
--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: #322d22;
--cb-color-bg-surface-brand-hovered: #393221;
--cb-color-bg-surface-brand-pressed: #403720;
--cb-color-bg-surface-brand-selected: #353022;
--cb-color-bg-surface-brand-disabled: #2f2b23;}
:root{--al-color-border-selected: #8e7334;
--al-color-border-elevated-selected: #8e7334;
--al-color-outline-focused: #3c2a00;
--al-color-bg-surface-brand: #efebe1;
--al-color-bg-surface-brand-hovered: #e4dccc;
--al-color-bg-surface-brand-pressed: #daceb7;
--al-color-bg-surface-brand-selected: #daceb7;
--al-color-bg-surface-brand-disabled: #f6f4ef;
--al-color-bg-surface-brand-elevated: #efebe1;
--al-color-bg-surface-brand-elevated-hovered: #e4dccc;
--al-color-bg-surface-brand-elevated-pressed: #daceb7;
--al-color-bg-surface-brand-elevated-selected: #daceb7;
--al-color-bg-surface-brand-elevated-disabled: #f6f4ef;
--al-color-bg-fill-brand: #8e7334;
--al-color-bg-fill-brand-hovered: #80631f;
--al-color-bg-fill-brand-pressed: #70540b;
--al-color-bg-fill-brand-selected: #604600;
--al-color-bg-fill-brand-disabled: #cfc0a2;
--al-color-text-brand: #80631f;
--al-color-text-brand-hovered: #70540b;
--al-color-text-brand-pressed: #604600;
--al-color-text-brand-selected: #4f3800;
--al-color-text-brand-disabled: #c4b38e;
--al-color-text-on-bg-fill-brand: #fcfbfa;
--al-color-text-on-bg-fill-brand-hovered: #fcfbfa;
--al-color-text-on-bg-fill-brand-pressed: #fcfbfa;
--al-color-text-on-bg-fill-brand-selected: #fcfbfa;
--al-color-text-on-bg-fill-brand-disabled: #f6f4ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #80631f;
--al-color-border-elevated-selected: #80631f;
--al-color-bg-fill-brand: #80631f;
--al-color-bg-fill-brand-hovered: #70540b;
--al-color-bg-fill-brand-pressed: #604600;
--al-color-bg-fill-brand-selected: #4f3800;
--al-color-text-brand: #604600;
--al-color-text-brand-hovered: #4f3800;
--al-color-text-brand-pressed: #3c2a00;
--al-color-text-brand-selected: #261900;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #967b40;
--al-color-border-elevated-selected: #a58c57;
--al-color-outline-focused: #e7dfd0;
--al-color-bg-surface-brand: #2a1b00;
--al-color-bg-surface-brand-hovered: #372600;
--al-color-bg-surface-brand-pressed: #432f00;
--al-color-bg-surface-brand-selected: #432f00;
--al-color-bg-surface-brand-disabled: #201400;
--al-color-bg-surface-brand-elevated: #372600;
--al-color-bg-surface-brand-elevated-hovered: #432f00;
--al-color-bg-surface-brand-elevated-pressed: #4f3900;
--al-color-bg-surface-brand-elevated-selected: #4f3900;
--al-color-bg-surface-brand-elevated-disabled: #2a1b00;
--al-color-bg-fill-brand: #b59f72;
--al-color-bg-fill-brand-hovered: #c4b38e;
--al-color-bg-fill-brand-pressed: #d5c8ae;
--al-color-bg-fill-brand-selected: #e7dfd0;
--al-color-bg-fill-brand-disabled: #4f3900;
--al-color-text-brand: #b59f72;
--al-color-text-brand-hovered: #c4b38e;
--al-color-text-brand-pressed: #d5c8ae;
--al-color-text-brand-selected: #e7dfd0;
--al-color-text-brand-disabled: #5a4100;
--al-color-text-on-bg-fill-brand: #140b00;
--al-color-text-on-bg-fill-brand-hovered: #140b00;
--al-color-text-on-bg-fill-brand-pressed: #140b00;
--al-color-text-on-bg-fill-brand-selected: #140b00;
--al-color-text-on-bg-fill-brand-disabled: #201400;}

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

:root{--cb-space-narrow-xsmall: 1px;
--cb-space-narrow-small: 3px;
--cb-space-narrow-medium: 4px;
--cb-space-regular-medium: 6px;
--cb-space-regular-large: 9px;
--cb-space-regular-xlarge: 12px;
--cb-space-regular-xxlarge: 16px;
--cb-space-regular-xxxlarge: 19px;
--cb-space-broad-medium: 22px;
--cb-space-broad-large: 25px;
--cb-space-broad-xlarge: 28px;
--cb-space-broad-xxlarge: 32px;
--cb-space-broad-xxxlarge: 38px;
--cb-space-wide-medium: 44px;
--cb-space-wide-large: 51px;
--cb-space-wide-xlarge: 67px;
--cb-space-wide-xxlarge: 86px;
--cb-space-wide-xxxlarge: 112px;}
:root{--al-space-narrow-xsmall: 1px;
--al-space-narrow-small: 3px;
--al-space-narrow-medium: 4px;
--al-space-regular-medium: 6px;
--al-space-regular-large: 9px;
--al-space-regular-xlarge: 12px;
--al-space-regular-xxlarge: 16px;
--al-space-regular-xxxlarge: 19px;
--al-space-broad-medium: 22px;
--al-space-broad-large: 25px;
--al-space-broad-xlarge: 28px;
--al-space-broad-xxlarge: 32px;
--al-space-broad-xxxlarge: 38px;
--al-space-wide-medium: 44px;
--al-space-wide-large: 51px;
--al-space-wide-xlarge: 67px;
--al-space-wide-xxlarge: 86px;
--al-space-wide-xxxlarge: 112px;}
:root{--cb-button-theme-corner-radius: 2px;}
:root{--al-c-button-xsmall-corner-radius: 2px;
--al-c-button-small-corner-radius: 2px;
--al-c-button-medium-corner-radius: 2px;
--al-c-button-large-corner-radius: 2px;}
:root{--cb-corner-radius-none: 2px;
--cb-corner-radius-xsmall: 2px;
--cb-corner-radius-small: 2px;
--cb-corner-radius-medium: 2px;
--cb-corner-radius-large: 2px;
--cb-corner-radius-xlarge: 2px;
--cb-corner-radius-xxlarge: 2px;
--cb-corner-radius-max: 2px;}
:root{--al-corner-radius-none: 2px;
--al-corner-radius-xsmall: 2px;
--al-corner-radius-small: 2px;
--al-corner-radius-medium: 2px;
--al-corner-radius-large: 2px;
--al-corner-radius-xlarge: 2px;
--al-corner-radius-xxlarge: 2px;
--al-corner-radius-max: 2px;}