: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: #d27c1d;
--cb-color-bg-fill-brand-hovered: #d78c38;
--cb-color-bg-fill-brand-pressed: #db964a;
--cb-color-bg-fill-brand-selected: #d99141;
--cb-color-bg-fill-brand-disabled: #e2ab6f;
--cb-color-text-brand: #d27c1d;
--cb-color-text-brand-hovered: #d6862f;
--cb-color-text-brand-pressed: #db964a;
--cb-color-text-brand-selected: #d78c38;
--cb-color-text-brand-disabled: #e2ab6f;
--cb-color-bg-surface-brand: #fbf5ed;
--cb-color-bg-surface-brand-hovered: #f8eadb;
--cb-color-bg-surface-brand-pressed: #f4e0c9;
--cb-color-bg-surface-brand-selected: #faefe4;
--cb-color-bg-surface-brand-disabled: #fdfaf6;
--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: #d27c1d;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #a96417;
--cb-color-bg-fill-brand-hovered: #b37733;
--cb-color-bg-fill-brand-pressed: #ba8345;
--cb-color-bg-fill-brand-selected: #b77d3c;
--cb-color-bg-fill-brand-disabled: #c89c6b;
--cb-color-text-brand: #a15f16;
--cb-color-text-brand-hovered: #a86c28;
--cb-color-text-brand-pressed: #b47f45;
--cb-color-text-brand-selected: #ac7232;
--cb-color-text-brand-disabled: #c3996a;
--cb-color-border-selected: #a96417;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #b86d19;
--cb-color-bg-fill-brand-pressed: #a86317;
--cb-color-bg-fill-brand-selected: #b06818;
--cb-color-bg-fill-brand-disabled: #864f13;
--cb-color-text-brand-hovered: #c2721b;
--cb-color-text-brand-pressed: #a86317;
--cb-color-text-brand-selected: #b86d19;
--cb-color-text-brand-disabled: #864f13;
--cb-color-bg-surface-brand: #221405;
--cb-color-bg-surface-brand-hovered: #321e07;
--cb-color-bg-surface-brand-pressed: #442809;
--cb-color-bg-surface-brand-selected: #2a1906;
--cb-color-bg-surface-brand-disabled: #1a0f04;
--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: #403223;
--cb-color-bg-surface-brand-hovered: #4e3922;
--cb-color-bg-surface-brand-pressed: #5c4022;
--cb-color-bg-surface-brand-selected: #473623;
--cb-color-bg-surface-brand-disabled: #392f23;}
:root{--al-color-border-selected: #b16300;
--al-color-border-elevated-selected: #b16300;
--al-color-outline-focused: #492300;
--al-color-bg-surface-brand: #ffe7d4;
--al-color-bg-surface-brand-hovered: #ffd5b2;
--al-color-bg-surface-brand-pressed: #fcc393;
--al-color-bg-surface-brand-selected: #fcc393;
--al-color-bg-surface-brand-disabled: #fef1e6;
--al-color-bg-surface-brand-elevated: #ffe7d4;
--al-color-bg-surface-brand-elevated-hovered: #ffd5b2;
--al-color-bg-surface-brand-elevated-pressed: #fcc393;
--al-color-bg-surface-brand-elevated-selected: #fcc393;
--al-color-bg-surface-brand-elevated-disabled: #fef1e6;
--al-color-bg-fill-brand: #b16300;
--al-color-bg-fill-brand-hovered: #9d5500;
--al-color-bg-fill-brand-pressed: #884800;
--al-color-bg-fill-brand-selected: #743b00;
--al-color-bg-fill-brand-disabled: #f8b377;
--al-color-text-brand: #9d5500;
--al-color-text-brand-hovered: #884800;
--al-color-text-brand-pressed: #743b00;
--al-color-text-brand-selected: #602f00;
--al-color-text-brand-disabled: #f1a45e;
--al-color-text-on-bg-fill-brand: #fefbf8;
--al-color-text-on-bg-fill-brand-hovered: #fefbf8;
--al-color-text-on-bg-fill-brand-pressed: #fefbf8;
--al-color-text-on-bg-fill-brand-selected: #fefbf8;
--al-color-text-on-bg-fill-brand-disabled: #fef1e6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #9d5500;
--al-color-border-elevated-selected: #9d5500;
--al-color-bg-fill-brand: #9d5500;
--al-color-bg-fill-brand-hovered: #884800;
--al-color-bg-fill-brand-pressed: #743b00;
--al-color-bg-fill-brand-selected: #602f00;
--al-color-text-brand: #743b00;
--al-color-text-brand-hovered: #602f00;
--al-color-text-brand-pressed: #492300;
--al-color-text-brand-selected: #2f1400;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #bc6a00;
--al-color-border-elevated-selected: #d07b1b;
--al-color-outline-focused: #ffd9bb;
--al-color-bg-surface-brand: #331600;
--al-color-bg-surface-brand-hovered: #442000;
--al-color-bg-surface-brand-pressed: #522800;
--al-color-bg-surface-brand-selected: #522800;
--al-color-bg-surface-brand-disabled: #291000;
--al-color-bg-surface-brand-elevated: #442000;
--al-color-bg-surface-brand-elevated-hovered: #522800;
--al-color-bg-surface-brand-elevated-pressed: #603000;
--al-color-bg-surface-brand-elevated-selected: #603000;
--al-color-bg-surface-brand-elevated-disabled: #331600;
--al-color-bg-fill-brand: #e28e3a;
--al-color-bg-fill-brand-hovered: #f1a35d;
--al-color-bg-fill-brand-pressed: #fbbd88;
--al-color-bg-fill-brand-selected: #ffd9bb;
--al-color-bg-fill-brand-disabled: #603000;
--al-color-text-brand: #e28e3a;
--al-color-text-brand-hovered: #f1a35d;
--al-color-text-brand-pressed: #fbbd88;
--al-color-text-brand-selected: #ffd9bb;
--al-color-text-brand-disabled: #6d3700;
--al-color-text-on-bg-fill-brand: #190800;
--al-color-text-on-bg-fill-brand-hovered: #190800;
--al-color-text-on-bg-fill-brand-pressed: #190800;
--al-color-text-on-bg-fill-brand-selected: #190800;
--al-color-text-on-bg-fill-brand-disabled: #291000;}

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