: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: #f36c2b;
--cb-color-bg-fill-brand-hovered: #f47e45;
--cb-color-bg-fill-brand-pressed: #f58955;
--cb-color-bg-fill-brand-selected: #f5844d;
--cb-color-bg-fill-brand-disabled: #f7a177;
--cb-color-text-brand: #f36c2b;
--cb-color-text-brand-hovered: #f4783c;
--cb-color-text-brand-pressed: #f58955;
--cb-color-text-brand-selected: #f47e45;
--cb-color-text-brand-disabled: #f7a177;
--cb-color-bg-surface-brand: #fef3ee;
--cb-color-bg-surface-brand-hovered: #fde7dd;
--cb-color-bg-surface-brand-pressed: #fcdccc;
--cb-color-bg-surface-brand-selected: #feede5;
--cb-color-bg-surface-brand-disabled: #fff9f7;
--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: #f36c2b;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #be5422;
--cb-color-bg-fill-brand-hovered: #c6693d;
--cb-color-bg-fill-brand-pressed: #cb764e;
--cb-color-bg-fill-brand-selected: #c86f46;
--cb-color-bg-fill-brand-disabled: #d59272;
--cb-color-text-brand: #b45020;
--cb-color-text-brand-hovered: #ba5e31;
--cb-color-text-brand-pressed: #c3734d;
--cb-color-text-brand-selected: #bd653b;
--cb-color-text-brand-disabled: #cf8f70;
--cb-color-border-selected: #be5422;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d55f26;
--cb-color-bg-fill-brand-pressed: #c25622;
--cb-color-bg-fill-brand-selected: #cc5b24;
--cb-color-bg-fill-brand-disabled: #9b451b;
--cb-color-text-brand-hovered: #e06428;
--cb-color-text-brand-pressed: #c25622;
--cb-color-text-brand-selected: #d55f26;
--cb-color-text-brand-disabled: #9b451b;
--cb-color-bg-surface-brand: #271107;
--cb-color-bg-surface-brand-hovered: #3a1a0a;
--cb-color-bg-surface-brand-pressed: #4e230e;
--cb-color-bg-surface-brand-selected: #311609;
--cb-color-bg-surface-brand-disabled: #1e0d05;
--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: #453025;
--cb-color-bg-surface-brand-hovered: #563526;
--cb-color-bg-surface-brand-pressed: #673b26;
--cb-color-bg-surface-brand-selected: #4d3225;
--cb-color-bg-surface-brand-disabled: #3d2d25;}
:root{--al-color-border-selected: #ca4f07;
--al-color-border-elevated-selected: #ca4f07;
--al-color-outline-focused: #551900;
--al-color-bg-surface-brand: #ffe8da;
--al-color-bg-surface-brand-hovered: #ffd4bc;
--al-color-bg-surface-brand-pressed: #ffc1a0;
--al-color-bg-surface-brand-selected: #ffc1a0;
--al-color-bg-surface-brand-disabled: #fff1e9;
--al-color-bg-surface-brand-elevated: #ffe8da;
--al-color-bg-surface-brand-elevated-hovered: #ffd4bc;
--al-color-bg-surface-brand-elevated-pressed: #ffc1a0;
--al-color-bg-surface-brand-elevated-selected: #ffc1a0;
--al-color-bg-surface-brand-elevated-disabled: #fff1e9;
--al-color-bg-fill-brand: #ca4f07;
--al-color-bg-fill-brand-hovered: #b34300;
--al-color-bg-fill-brand-pressed: #9c3800;
--al-color-bg-fill-brand-selected: #852d00;
--al-color-bg-fill-brand-disabled: #ffae84;
--al-color-text-brand: #b34300;
--al-color-text-brand-hovered: #9c3800;
--al-color-text-brand-pressed: #852d00;
--al-color-text-brand-selected: #6e2300;
--al-color-text-brand-disabled: #ff9b6a;
--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: #fff1e9;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #b34300;
--al-color-border-elevated-selected: #b34300;
--al-color-bg-fill-brand: #b34300;
--al-color-bg-fill-brand-hovered: #9c3800;
--al-color-bg-fill-brand-pressed: #852d00;
--al-color-bg-fill-brand-selected: #6e2300;
--al-color-text-brand: #852d00;
--al-color-text-brand-hovered: #6e2300;
--al-color-text-brand-pressed: #551900;
--al-color-text-brand-selected: #370d00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #d65711;
--al-color-border-elevated-selected: #ec6624;
--al-color-outline-focused: #ffd8c3;
--al-color-bg-surface-brand: #3c0f00;
--al-color-bg-surface-brand-hovered: #4e1600;
--al-color-bg-surface-brand-pressed: #5e1d00;
--al-color-bg-surface-brand-selected: #5e1d00;
--al-color-bg-surface-brand-disabled: #2e0a00;
--al-color-bg-surface-brand-elevated: #4e1600;
--al-color-bg-surface-brand-elevated-hovered: #5e1d00;
--al-color-bg-surface-brand-elevated-pressed: #6f2300;
--al-color-bg-surface-brand-elevated-selected: #6f2300;
--al-color-bg-surface-brand-elevated-disabled: #3c0f00;
--al-color-bg-fill-brand: #ff7b3f;
--al-color-bg-fill-brand-hovered: #ff9b6a;
--al-color-bg-fill-brand-pressed: #ffba95;
--al-color-bg-fill-brand-selected: #ffd8c3;
--al-color-bg-fill-brand-disabled: #6f2300;
--al-color-text-brand: #ff7b3f;
--al-color-text-brand-hovered: #ff9b6a;
--al-color-text-brand-pressed: #ffba95;
--al-color-text-brand-selected: #ffd8c3;
--al-color-text-brand-disabled: #7d2900;
--al-color-text-on-bg-fill-brand: #1f0500;
--al-color-text-on-bg-fill-brand-hovered: #1f0500;
--al-color-text-on-bg-fill-brand-pressed: #1f0500;
--al-color-text-on-bg-fill-brand-selected: #1f0500;
--al-color-text-on-bg-fill-brand-disabled: #2e0a00;}

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