: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: #f25e2f;
--cb-color-bg-fill-brand-hovered: #f47248;
--cb-color-bg-fill-brand-pressed: #f57e59;
--cb-color-bg-fill-brand-selected: #f47850;
--cb-color-bg-fill-brand-disabled: #f7987a;
--cb-color-text-brand: #f25e2f;
--cb-color-text-brand-hovered: #f36b3f;
--cb-color-text-brand-pressed: #f57e59;
--cb-color-text-brand-selected: #f47248;
--cb-color-text-brand-disabled: #f7987a;
--cb-color-bg-surface-brand: #fef2ef;
--cb-color-bg-surface-brand-hovered: #fde5de;
--cb-color-bg-surface-brand-pressed: #fcd8cd;
--cb-color-bg-surface-brand-selected: #fdebe6;
--cb-color-bg-surface-brand-disabled: #fef9f7;
--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: #f25e2f;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #c74d27;
--cb-color-bg-fill-brand-hovered: #ce6341;
--cb-color-bg-fill-brand-pressed: #d27152;
--cb-color-bg-fill-brand-selected: #d06a4a;
--cb-color-bg-fill-brand-disabled: #db8d75;
--cb-color-text-brand: #bc4924;
--cb-color-text-brand-hovered: #c15735;
--cb-color-text-brand-pressed: #c96d50;
--cb-color-text-brand-selected: #c45f3f;
--cb-color-text-brand-disabled: #d48b73;
--cb-color-border-selected: #c74d27;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d55329;
--cb-color-bg-fill-brand-pressed: #c24b26;
--cb-color-bg-fill-brand-selected: #cb4f27;
--cb-color-bg-fill-brand-disabled: #9b3c1e;
--cb-color-text-brand-hovered: #df572b;
--cb-color-text-brand-pressed: #c24b26;
--cb-color-text-brand-selected: #d55329;
--cb-color-text-brand-disabled: #9b3c1e;
--cb-color-bg-surface-brand: #270f08;
--cb-color-bg-surface-brand-hovered: #3a160b;
--cb-color-bg-surface-brand-pressed: #4e1e0f;
--cb-color-bg-surface-brand-selected: #301309;
--cb-color-bg-surface-brand-disabled: #1d0b06;
--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: #452d26;
--cb-color-bg-surface-brand-hovered: #553227;
--cb-color-bg-surface-brand-pressed: #663728;
--cb-color-bg-surface-brand-selected: #4d3026;
--cb-color-bg-surface-brand-disabled: #3d2b25;}
:root{--al-color-border-selected: #d24717;
--al-color-border-elevated-selected: #d24717;
--al-color-outline-focused: #591300;
--al-color-bg-surface-brand: #ffe7dd;
--al-color-bg-surface-brand-hovered: #ffd3c0;
--al-color-bg-surface-brand-pressed: #ffc1a8;
--al-color-bg-surface-brand-selected: #ffc1a8;
--al-color-bg-surface-brand-disabled: #fff0ea;
--al-color-bg-surface-brand-elevated: #ffe7dd;
--al-color-bg-surface-brand-elevated-hovered: #ffd3c0;
--al-color-bg-surface-brand-elevated-pressed: #ffc1a8;
--al-color-bg-surface-brand-elevated-selected: #ffc1a8;
--al-color-bg-surface-brand-elevated-disabled: #fff0ea;
--al-color-bg-fill-brand: #d24717;
--al-color-bg-fill-brand-hovered: #bb3a09;
--al-color-bg-fill-brand-pressed: #a32f01;
--al-color-bg-fill-brand-selected: #8b2500;
--al-color-bg-fill-brand-disabled: #ffae90;
--al-color-text-brand: #bb3a09;
--al-color-text-brand-hovered: #a32f01;
--al-color-text-brand-pressed: #8b2500;
--al-color-text-brand-selected: #741c00;
--al-color-text-brand-disabled: #ff9b77;
--al-color-text-on-bg-fill-brand: #fffbfa;
--al-color-text-on-bg-fill-brand-hovered: #fffbfa;
--al-color-text-on-bg-fill-brand-pressed: #fffbfa;
--al-color-text-on-bg-fill-brand-selected: #fffbfa;
--al-color-text-on-bg-fill-brand-disabled: #fff0ea;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #bb3a09;
--al-color-border-elevated-selected: #bb3a09;
--al-color-bg-fill-brand: #bb3a09;
--al-color-bg-fill-brand-hovered: #a32f01;
--al-color-bg-fill-brand-pressed: #8b2500;
--al-color-bg-fill-brand-selected: #741c00;
--al-color-text-brand: #8b2500;
--al-color-text-brand-hovered: #741c00;
--al-color-text-brand-pressed: #591300;
--al-color-text-brand-selected: #3a0900;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #de4e1e;
--al-color-border-elevated-selected: #f35f31;
--al-color-outline-focused: #ffd8c8;
--al-color-bg-surface-brand: #3f0b00;
--al-color-bg-surface-brand-hovered: #521100;
--al-color-bg-surface-brand-pressed: #641700;
--al-color-bg-surface-brand-selected: #641700;
--al-color-bg-surface-brand-disabled: #330700;
--al-color-bg-surface-brand-elevated: #521100;
--al-color-bg-surface-brand-elevated-hovered: #641700;
--al-color-bg-surface-brand-elevated-pressed: #741d00;
--al-color-bg-surface-brand-elevated-selected: #741d00;
--al-color-bg-surface-brand-elevated-disabled: #3f0b00;
--al-color-bg-fill-brand: #ff7a50;
--al-color-bg-fill-brand-hovered: #ff9a76;
--al-color-bg-fill-brand-pressed: #ffb99e;
--al-color-bg-fill-brand-selected: #ffd8c8;
--al-color-bg-fill-brand-disabled: #741d00;
--al-color-text-brand: #ff7a50;
--al-color-text-brand-hovered: #ff9a76;
--al-color-text-brand-pressed: #ffb99e;
--al-color-text-brand-selected: #ffd8c8;
--al-color-text-brand-disabled: #832200;
--al-color-text-on-bg-fill-brand: #230400;
--al-color-text-on-bg-fill-brand-hovered: #230400;
--al-color-text-on-bg-fill-brand-pressed: #230400;
--al-color-text-on-bg-fill-brand-selected: #230400;
--al-color-text-on-bg-fill-brand-disabled: #330700;}

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