: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: #b94c1d;
--cb-color-bg-fill-brand-hovered: #c26238;
--cb-color-bg-fill-brand-pressed: #c7704a;
--cb-color-bg-fill-brand-selected: #c46941;
--cb-color-bg-fill-brand-disabled: #d28d6f;
--cb-color-text-brand: #b94c1d;
--cb-color-text-brand-hovered: #be5a2f;
--cb-color-text-brand-pressed: #c7704a;
--cb-color-text-brand-selected: #c26238;
--cb-color-text-brand-disabled: #d28d6f;
--cb-color-bg-surface-brand: #faf1ed;
--cb-color-bg-surface-brand-hovered: #f4e2db;
--cb-color-bg-surface-brand-pressed: #eed4c9;
--cb-color-bg-surface-brand-selected: #f6e9e4;
--cb-color-bg-surface-brand-disabled: #fcf8f6;
--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: #b94c1d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #a34319;
--cb-color-bg-fill-brand-pressed: #943d17;
--cb-color-bg-fill-brand-selected: #9b4018;
--cb-color-bg-fill-brand-disabled: #763113;
--cb-color-text-brand-hovered: #aa461b;
--cb-color-text-brand-pressed: #943d17;
--cb-color-text-brand-selected: #a34319;
--cb-color-text-brand-disabled: #763113;
--cb-color-bg-surface-brand: #1e0c05;
--cb-color-bg-surface-brand-hovered: #2c1207;
--cb-color-bg-surface-brand-pressed: #3b1809;
--cb-color-bg-surface-brand-selected: #250f06;
--cb-color-bg-surface-brand-disabled: #160904;
--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: #3c2a23;
--cb-color-bg-surface-brand-hovered: #482e22;
--cb-color-bg-surface-brand-pressed: #543122;
--cb-color-bg-surface-brand-selected: #422c23;
--cb-color-bg-surface-brand-disabled: #362923;}
:root{--al-color-border-selected: #c25629;
--al-color-border-elevated-selected: #c25629;
--al-color-outline-focused: #581500;
--al-color-bg-surface-brand: #fce7df;
--al-color-bg-surface-brand-hovered: #fad5c8;
--al-color-bg-surface-brand-pressed: #f7c4b1;
--al-color-bg-surface-brand-selected: #f7c4b1;
--al-color-bg-surface-brand-disabled: #fdf2ee;
--al-color-bg-surface-brand-elevated: #fce7df;
--al-color-bg-surface-brand-elevated-hovered: #fad5c8;
--al-color-bg-surface-brand-elevated-pressed: #f7c4b1;
--al-color-bg-surface-brand-elevated-selected: #f7c4b1;
--al-color-bg-surface-brand-elevated-disabled: #fdf2ee;
--al-color-bg-fill-brand: #c25629;
--al-color-bg-fill-brand-hovered: #b14514;
--al-color-bg-fill-brand-pressed: #9d3702;
--al-color-bg-fill-brand-selected: #872b00;
--al-color-bg-fill-brand-disabled: #f3b29b;
--al-color-text-brand: #b14514;
--al-color-text-brand-hovered: #9d3702;
--al-color-text-brand-pressed: #872b00;
--al-color-text-brand-selected: #712000;
--al-color-text-brand-disabled: #eea285;
--al-color-text-on-bg-fill-brand: #fefdfc;
--al-color-text-on-bg-fill-brand-hovered: #fefdfc;
--al-color-text-on-bg-fill-brand-pressed: #fefdfc;
--al-color-text-on-bg-fill-brand-selected: #fefdfc;
--al-color-text-on-bg-fill-brand-disabled: #fdf2ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #b14514;
--al-color-border-elevated-selected: #b14514;
--al-color-bg-fill-brand: #b14514;
--al-color-bg-fill-brand-hovered: #9d3702;
--al-color-bg-fill-brand-pressed: #872b00;
--al-color-bg-fill-brand-selected: #712000;
--al-color-text-brand: #872b00;
--al-color-text-brand-hovered: #712000;
--al-color-text-brand-pressed: #581500;
--al-color-text-brand-selected: #390a00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #cb5f35;
--al-color-border-elevated-selected: #d8734d;
--al-color-outline-focused: #fad9ce;
--al-color-bg-surface-brand: #3e0b00;
--al-color-bg-surface-brand-hovered: #511200;
--al-color-bg-surface-brand-pressed: #621900;
--al-color-bg-surface-brand-selected: #621900;
--al-color-bg-surface-brand-disabled: #320700;
--al-color-bg-surface-brand-elevated: #511200;
--al-color-bg-surface-brand-elevated-hovered: #621900;
--al-color-bg-surface-brand-elevated-pressed: #722000;
--al-color-bg-surface-brand-elevated-selected: #722000;
--al-color-bg-surface-brand-elevated-disabled: #3e0b00;
--al-color-bg-fill-brand: #e58a69;
--al-color-bg-fill-brand-hovered: #eea286;
--al-color-bg-fill-brand-pressed: #f5bda9;
--al-color-bg-fill-brand-selected: #fad9ce;
--al-color-bg-fill-brand-disabled: #722000;
--al-color-text-brand: #e58a69;
--al-color-text-brand-hovered: #eea286;
--al-color-text-brand-pressed: #f5bda9;
--al-color-text-brand-selected: #fad9ce;
--al-color-text-brand-disabled: #7f2700;
--al-color-text-on-bg-fill-brand: #210400;
--al-color-text-on-bg-fill-brand-hovered: #210400;
--al-color-text-on-bg-fill-brand-pressed: #210400;
--al-color-text-on-bg-fill-brand-selected: #210400;
--al-color-text-on-bg-fill-brand-disabled: #320700;}

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