: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: #666138;
--cb-color-bg-fill-brand-hovered: #797450;
--cb-color-bg-fill-brand-pressed: #858160;
--cb-color-bg-fill-brand-selected: #7f7a58;
--cb-color-bg-fill-brand-disabled: #9d9a80;
--cb-color-text-brand: #666138;
--cb-color-text-brand-hovered: #726d48;
--cb-color-text-brand-pressed: #858160;
--cb-color-text-brand-selected: #797450;
--cb-color-text-brand-disabled: #9d9a80;
--cb-color-bg-surface-brand: #f3f3ef;
--cb-color-bg-surface-brand-hovered: #e6e6df;
--cb-color-bg-surface-brand-pressed: #dad9cf;
--cb-color-bg-surface-brand-selected: #ecece7;
--cb-color-bg-surface-brand-disabled: #f9f9f7;
--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: #666138;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #5a5531;
--cb-color-bg-fill-brand-pressed: #524e2d;
--cb-color-bg-fill-brand-selected: #56512f;
--cb-color-bg-fill-brand-disabled: #413e24;
--cb-color-text-brand-hovered: #5e5934;
--cb-color-text-brand-pressed: #524e2d;
--cb-color-text-brand-selected: #5a5531;
--cb-color-text-brand-disabled: #413e24;
--cb-color-bg-surface-brand: #101009;
--cb-color-bg-surface-brand-hovered: #18170d;
--cb-color-bg-surface-brand-pressed: #211f12;
--cb-color-bg-surface-brand-selected: #14130b;
--cb-color-bg-surface-brand-disabled: #0c0c07;
--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: #2f2e27;
--cb-color-bg-surface-brand-hovered: #343329;
--cb-color-bg-surface-brand-pressed: #39382a;
--cb-color-bg-surface-brand-selected: #313028;
--cb-color-bg-surface-brand-disabled: #2c2b26;}
:root{--al-color-border-selected: #7c7850;
--al-color-border-elevated-selected: #7c7850;
--al-color-outline-focused: #312d11;
--al-color-bg-surface-brand: #ecebe5;
--al-color-bg-surface-brand-hovered: #dfddd2;
--al-color-bg-surface-brand-pressed: #d1d0c0;
--al-color-bg-surface-brand-selected: #d1d0c0;
--al-color-bg-surface-brand-disabled: #f4f4f1;
--al-color-bg-surface-brand-elevated: #ecebe5;
--al-color-bg-surface-brand-elevated-hovered: #dfddd2;
--al-color-bg-surface-brand-elevated-pressed: #d1d0c0;
--al-color-bg-surface-brand-elevated-selected: #d1d0c0;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f1;
--al-color-bg-fill-brand: #7c7850;
--al-color-bg-fill-brand-hovered: #6d6840;
--al-color-bg-fill-brand-pressed: #5e5931;
--al-color-bg-fill-brand-selected: #504b25;
--al-color-bg-fill-brand-disabled: #c4c2ae;
--al-color-text-brand: #6d6840;
--al-color-text-brand-hovered: #5e5931;
--al-color-text-brand-pressed: #504b25;
--al-color-text-brand-selected: #413d1a;
--al-color-text-brand-disabled: #b8b59d;
--al-color-text-on-bg-fill-brand: #fdfdfd;
--al-color-text-on-bg-fill-brand-hovered: #fdfdfd;
--al-color-text-on-bg-fill-brand-pressed: #fdfdfd;
--al-color-text-on-bg-fill-brand-selected: #fdfdfd;
--al-color-text-on-bg-fill-brand-disabled: #f4f4f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6d6840;
--al-color-border-elevated-selected: #6d6840;
--al-color-bg-fill-brand: #6d6840;
--al-color-bg-fill-brand-hovered: #5e5931;
--al-color-bg-fill-brand-pressed: #504b25;
--al-color-bg-fill-brand-selected: #413d1a;
--al-color-text-brand: #504b25;
--al-color-text-brand-hovered: #413d1a;
--al-color-text-brand-pressed: #312d11;
--al-color-text-brand-selected: #1e1b07;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #85805a;
--al-color-border-elevated-selected: #94916e;
--al-color-outline-focused: #e1e0d6;
--al-color-bg-surface-brand: #211e08;
--al-color-bg-surface-brand-hovered: #2e2a0f;
--al-color-bg-surface-brand-pressed: #373414;
--al-color-bg-surface-brand-selected: #373414;
--al-color-bg-surface-brand-disabled: #191705;
--al-color-bg-surface-brand-elevated: #2e2a0f;
--al-color-bg-surface-brand-elevated-hovered: #373414;
--al-color-bg-surface-brand-elevated-pressed: #413d1a;
--al-color-bg-surface-brand-elevated-selected: #413d1a;
--al-color-bg-surface-brand-elevated-disabled: #211e08;
--al-color-bg-fill-brand: #a6a284;
--al-color-bg-fill-brand-hovered: #b8b59d;
--al-color-bg-fill-brand-pressed: #cccab9;
--al-color-bg-fill-brand-selected: #e1e0d6;
--al-color-bg-fill-brand-disabled: #413d1a;
--al-color-text-brand: #a6a284;
--al-color-text-brand-hovered: #b8b59d;
--al-color-text-brand-pressed: #cccab9;
--al-color-text-brand-selected: #e1e0d6;
--al-color-text-brand-disabled: #4b4621;
--al-color-text-on-bg-fill-brand: #100f03;
--al-color-text-on-bg-fill-brand-hovered: #100f03;
--al-color-text-on-bg-fill-brand-pressed: #100f03;
--al-color-text-on-bg-fill-brand-selected: #100f03;
--al-color-text-on-bg-fill-brand-disabled: #191705;}

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