:root {
  --cb-font-family-brand: "MxThemeHeading-InstrumentSerif", serif;
  --cb-font-family-brand-font-feature-settings: ;
  --al-font-family-brand: "MxThemeHeading-InstrumentSerif", serif;
  --al-font-family-brand-font-feature-settings: ;
  --al-font-display: italic 400 2.5rem / 1.2 var(--al-font-family-brand);
  --al-font-large-title: 400 2rem / 1.1875 var(--al-font-family-brand);
  --al-font-title: 400 1.5rem / 1.2083333 var(--al-font-family-brand);
  --al-font-headline: italic 400 1.25rem / 1.2 var(--al-font-family-brand);
  --cb-font-display: italic 400 2.5rem / 1.2 var(--al-font-family-brand);
  --cb-font-large-title: 400 2rem / 1.1875 var(--al-font-family-brand);
  --cb-font-title: 400 1.5rem / 1.2083333 var(--al-font-family-brand);
  --cb-font-headline: italic 400 1.25rem / 1.2 var(--al-font-family-brand);
}
:root{--cb-color-bg-fill-brand: #d9b865;
--cb-color-bg-fill-brand-hovered: #dec178;
--cb-color-bg-fill-brand-pressed: #e1c684;
--cb-color-bg-fill-brand-selected: #dfc37e;
--cb-color-bg-fill-brand-disabled: #e7d29d;
--cb-color-text-brand: #d9b865;
--cb-color-text-brand-hovered: #dcbe71;
--cb-color-text-brand-pressed: #e1c684;
--cb-color-text-brand-selected: #dec178;
--cb-color-text-brand-disabled: #e7d29d;
--cb-color-bg-surface-brand: #fcf9f3;
--cb-color-bg-surface-brand-hovered: #f9f4e6;
--cb-color-bg-surface-brand-pressed: #f6eeda;
--cb-color-bg-surface-brand-selected: #faf6ec;
--cb-color-bg-surface-brand-disabled: #fefcf9;
--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: #d9b865;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #836f3d;
--cb-color-bg-fill-brand-hovered: #928155;
--cb-color-bg-fill-brand-pressed: #9c8c64;
--cb-color-bg-fill-brand-selected: #97865c;
--cb-color-bg-fill-brand-disabled: #b0a383;
--cb-color-text-brand: #7f6c3b;
--cb-color-text-brand-hovered: #89784a;
--cb-color-text-brand-pressed: #998962;
--cb-color-text-brand-selected: #8f7e53;
--cb-color-text-brand-disabled: #ada182;
--cb-color-border-selected: #836f3d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #bfa259;
--cb-color-bg-fill-brand-pressed: #ae9351;
--cb-color-bg-fill-brand-selected: #b69a55;
--cb-color-bg-fill-brand-disabled: #8b7641;
--cb-color-text-brand-hovered: #c8aa5d;
--cb-color-text-brand-pressed: #ae9351;
--cb-color-text-brand-selected: #bfa259;
--cb-color-text-brand-disabled: #8b7641;
--cb-color-bg-surface-brand: #231e10;
--cb-color-bg-surface-brand-hovered: #342c18;
--cb-color-bg-surface-brand-pressed: #463b20;
--cb-color-bg-surface-brand-selected: #2b2514;
--cb-color-bg-surface-brand-disabled: #1a160c;
--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: #413c2e;
--cb-color-bg-surface-brand-hovered: #4f4734;
--cb-color-bg-surface-brand-pressed: #5e5439;
--cb-color-bg-surface-brand-selected: #484231;
--cb-color-bg-surface-brand-disabled: #3a362c;}
:root{--al-color-border-selected: #8c7333;
--al-color-border-elevated-selected: #8c7333;
--al-color-outline-focused: #372b0e;
--al-color-bg-surface-brand: #feebbb;
--al-color-bg-surface-brand-hovered: #f6da94;
--al-color-bg-surface-brand-pressed: #eccc7d;
--al-color-bg-surface-brand-selected: #eccc7d;
--al-color-bg-surface-brand-disabled: #fff2d2;
--al-color-bg-surface-brand-elevated: #feebbb;
--al-color-bg-surface-brand-elevated-hovered: #f6da94;
--al-color-bg-surface-brand-elevated-pressed: #eccc7d;
--al-color-bg-surface-brand-elevated-selected: #eccc7d;
--al-color-bg-surface-brand-elevated-disabled: #fff2d2;
--al-color-bg-fill-brand: #8c7333;
--al-color-bg-fill-brand-hovered: #7b642b;
--al-color-bg-fill-brand-pressed: #6a5623;
--al-color-bg-fill-brand-selected: #59481c;
--al-color-bg-fill-brand-disabled: #dfbe6b;
--al-color-text-brand: #7b642b;
--al-color-text-brand-hovered: #6a5623;
--al-color-text-brand-pressed: #59481c;
--al-color-text-brand-selected: #493a15;
--al-color-text-brand-disabled: #d2b15f;
--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: #fff2d2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7b642b;
--al-color-border-elevated-selected: #7b642b;
--al-color-bg-fill-brand: #7b642b;
--al-color-bg-fill-brand-hovered: #6a5623;
--al-color-bg-fill-brand-pressed: #59481c;
--al-color-bg-fill-brand-selected: #493a15;
--al-color-text-brand: #59481c;
--al-color-text-brand-hovered: #493a15;
--al-color-text-brand-pressed: #372b0e;
--al-color-text-brand-selected: #221a06;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #957b38;
--al-color-border-elevated-selected: #a98c43;
--al-color-outline-focused: #f9dd9b;
--al-color-bg-surface-brand: #251d07;
--al-color-bg-surface-brand-hovered: #32280c;
--al-color-bg-surface-brand-pressed: #3d3110;
--al-color-bg-surface-brand-selected: #3d3110;
--al-color-bg-surface-brand-disabled: #1d1605;
--al-color-bg-surface-brand-elevated: #32280c;
--al-color-bg-surface-brand-elevated-hovered: #3d3110;
--al-color-bg-surface-brand-elevated-pressed: #493b15;
--al-color-bg-surface-brand-elevated-selected: #493b15;
--al-color-bg-surface-brand-elevated-disabled: #251d07;
--al-color-bg-fill-brand: #bd9e4f;
--al-color-bg-fill-brand-hovered: #d2b15f;
--al-color-bg-fill-brand-pressed: #e7c676;
--al-color-bg-fill-brand-selected: #f9dd9b;
--al-color-bg-fill-brand-disabled: #493b15;
--al-color-text-brand: #bd9e4f;
--al-color-text-brand-hovered: #d2b15f;
--al-color-text-brand-pressed: #e7c676;
--al-color-text-brand-selected: #f9dd9b;
--al-color-text-brand-disabled: #53431a;
--al-color-text-on-bg-fill-brand: #130e03;
--al-color-text-on-bg-fill-brand-hovered: #130e03;
--al-color-text-on-bg-fill-brand-pressed: #130e03;
--al-color-text-on-bg-fill-brand-selected: #130e03;
--al-color-text-on-bg-fill-brand-disabled: #1d1605;}

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



:root{--cb-button-theme-corner-radius: 9999px;}
:root{--al-c-button-xsmall-corner-radius: 9999px;
--al-c-button-small-corner-radius: 9999px;
--al-c-button-medium-corner-radius: 9999px;
--al-c-button-large-corner-radius: 9999px;}
:root{--cb-corner-radius-none: 0px;
--cb-corner-radius-xsmall: 6px;
--cb-corner-radius-small: 12px;
--cb-corner-radius-medium: 24px;
--cb-corner-radius-large: 36px;
--cb-corner-radius-xlarge: 48px;
--cb-corner-radius-xxlarge: 72px;
--cb-corner-radius-max: 9999px;}
:root{--al-corner-radius-none: 0px;
--al-corner-radius-xsmall: 6px;
--al-corner-radius-small: 12px;
--al-corner-radius-medium: 24px;
--al-corner-radius-large: 36px;
--al-corner-radius-xlarge: 48px;
--al-corner-radius-xxlarge: 72px;
--al-corner-radius-max: 9999px;}