: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: #262523;
--cb-color-bg-fill-brand-hovered: #40403e;
--cb-color-bg-fill-brand-pressed: #51514f;
--cb-color-bg-fill-brand-selected: #494846;
--cb-color-bg-fill-brand-disabled: #747472;
--cb-color-text-brand: #262523;
--cb-color-text-brand-hovered: #373634;
--cb-color-text-brand-pressed: #51514f;
--cb-color-text-brand-selected: #40403e;
--cb-color-text-brand-disabled: #747472;
--cb-color-bg-surface-brand: #eeeeee;
--cb-color-bg-surface-brand-hovered: #dcdcdc;
--cb-color-bg-surface-brand-pressed: #cbcbca;
--cb-color-bg-surface-brand-selected: #e5e4e4;
--cb-color-bg-surface-brand-disabled: #f6f6f6;
--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: #262523;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #21211f;
--cb-color-bg-fill-brand-pressed: #1e1e1c;
--cb-color-bg-fill-brand-selected: #201f1d;
--cb-color-bg-fill-brand-disabled: #181816;
--cb-color-text-brand-hovered: #232220;
--cb-color-text-brand-pressed: #1e1e1c;
--cb-color-text-brand-selected: #21211f;
--cb-color-text-brand-disabled: #181816;
--cb-color-bg-surface-brand: #060606;
--cb-color-bg-surface-brand-hovered: #090908;
--cb-color-bg-surface-brand-pressed: #0c0c0b;
--cb-color-bg-surface-brand-selected: #080707;
--cb-color-bg-surface-brand-disabled: #050404;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #242424;
--cb-color-bg-surface-brand-hovered: #242424;
--cb-color-bg-surface-brand-pressed: #252424;
--cb-color-bg-surface-brand-selected: #242424;
--cb-color-bg-surface-brand-disabled: #242424;}
:root{--al-color-border-selected: #777675;
--al-color-border-elevated-selected: #777675;
--al-color-outline-focused: #2e2d2b;
--al-color-bg-surface-brand: #ececec;
--al-color-bg-surface-brand-hovered: #dddcdc;
--al-color-bg-surface-brand-pressed: #cfcece;
--al-color-bg-surface-brand-selected: #cfcece;
--al-color-bg-surface-brand-disabled: #f4f4f4;
--al-color-bg-surface-brand-elevated: #ececec;
--al-color-bg-surface-brand-elevated-hovered: #dddcdc;
--al-color-bg-surface-brand-elevated-pressed: #cfcece;
--al-color-bg-surface-brand-elevated-selected: #cfcece;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f4;
--al-color-bg-fill-brand: #777675;
--al-color-bg-fill-brand-hovered: #686766;
--al-color-bg-fill-brand-pressed: #595857;
--al-color-bg-fill-brand-selected: #4b4a48;
--al-color-bg-fill-brand-disabled: #c2c1c0;
--al-color-text-brand: #686766;
--al-color-text-brand-hovered: #595857;
--al-color-text-brand-pressed: #4b4a48;
--al-color-text-brand-selected: #3d3c3a;
--al-color-text-brand-disabled: #b5b4b3;
--al-color-text-on-bg-fill-brand: #fbfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fbfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fbfbfb;
--al-color-text-on-bg-fill-brand-selected: #fbfbfb;
--al-color-text-on-bg-fill-brand-disabled: #f4f4f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #686766;
--al-color-border-elevated-selected: #686766;
--al-color-bg-fill-brand: #686766;
--al-color-bg-fill-brand-hovered: #595857;
--al-color-bg-fill-brand-pressed: #4b4a48;
--al-color-bg-fill-brand-selected: #3d3c3a;
--al-color-text-brand: #4b4a48;
--al-color-text-brand-hovered: #3d3c3a;
--al-color-text-brand-pressed: #2e2d2b;
--al-color-text-brand-selected: #1c1b1a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #7f7f7d;
--al-color-border-elevated-selected: #908f8e;
--al-color-outline-focused: #e1e0e0;
--al-color-bg-surface-brand: #1f1e1c;
--al-color-bg-surface-brand-hovered: #2a2927;
--al-color-bg-surface-brand-pressed: #343331;
--al-color-bg-surface-brand-selected: #343331;
--al-color-bg-surface-brand-disabled: #171614;
--al-color-bg-surface-brand-elevated: #2a2927;
--al-color-bg-surface-brand-elevated-hovered: #343331;
--al-color-bg-surface-brand-elevated-pressed: #3d3c3a;
--al-color-bg-surface-brand-elevated-selected: #3d3c3a;
--al-color-bg-surface-brand-elevated-disabled: #1f1e1c;
--al-color-bg-fill-brand: #a2a1a0;
--al-color-bg-fill-brand-hovered: #b5b4b4;
--al-color-bg-fill-brand-pressed: #cac9c9;
--al-color-bg-fill-brand-selected: #e1e0e0;
--al-color-bg-fill-brand-disabled: #3d3c3a;
--al-color-text-brand: #a2a1a0;
--al-color-text-brand-hovered: #b5b4b4;
--al-color-text-brand-pressed: #cac9c9;
--al-color-text-brand-selected: #e1e0e0;
--al-color-text-brand-disabled: #464543;
--al-color-text-on-bg-fill-brand: #0e0d0c;
--al-color-text-on-bg-fill-brand-hovered: #0e0d0c;
--al-color-text-on-bg-fill-brand-pressed: #0e0d0c;
--al-color-text-on-bg-fill-brand-selected: #0e0d0c;
--al-color-text-on-bg-fill-brand-disabled: #171614;}

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