: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: #1c1412;
--cb-color-bg-fill-brand-hovered: #38312f;
--cb-color-bg-fill-brand-pressed: #494341;
--cb-color-bg-fill-brand-selected: #403a38;
--cb-color-bg-fill-brand-disabled: #6e6968;
--cb-color-text-brand: #1c1412;
--cb-color-text-brand-hovered: #2e2625;
--cb-color-text-brand-pressed: #494341;
--cb-color-text-brand-selected: #38312f;
--cb-color-text-brand-disabled: #6e6968;
--cb-color-bg-surface-brand: #ededec;
--cb-color-bg-surface-brand-hovered: #dbd9d9;
--cb-color-bg-surface-brand-pressed: #c9c7c6;
--cb-color-bg-surface-brand-selected: #e3e2e2;
--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: #1c1412;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #191210;
--cb-color-bg-fill-brand-pressed: #16100e;
--cb-color-bg-fill-brand-selected: #17110f;
--cb-color-bg-fill-brand-disabled: #120d0c;
--cb-color-text-brand-hovered: #1a1211;
--cb-color-text-brand-pressed: #16100e;
--cb-color-text-brand-selected: #191210;
--cb-color-text-brand-disabled: #120d0c;
--cb-color-bg-surface-brand: #050303;
--cb-color-bg-surface-brand-hovered: #070504;
--cb-color-bg-surface-brand-pressed: #090606;
--cb-color-bg-surface-brand-selected: #060404;
--cb-color-bg-surface-brand-disabled: #030202;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #232121;
--cb-color-bg-surface-brand-hovered: #222020;
--cb-color-bg-surface-brand-pressed: #211f1e;
--cb-color-bg-surface-brand-selected: #222120;
--cb-color-bg-surface-brand-disabled: #232222;}
:root{--al-color-border-selected: #7c7574;
--al-color-border-elevated-selected: #7c7574;
--al-color-outline-focused: #342b29;
--al-color-bg-surface-brand: #ecebeb;
--al-color-bg-surface-brand-hovered: #dddcdb;
--al-color-bg-surface-brand-pressed: #d0cecd;
--al-color-bg-surface-brand-selected: #d0cecd;
--al-color-bg-surface-brand-disabled: #f4f4f4;
--al-color-bg-surface-brand-elevated: #ecebeb;
--al-color-bg-surface-brand-elevated-hovered: #dddcdb;
--al-color-bg-surface-brand-elevated-pressed: #d0cecd;
--al-color-bg-surface-brand-elevated-selected: #d0cecd;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f4;
--al-color-bg-fill-brand: #7c7574;
--al-color-bg-fill-brand-hovered: #6d6564;
--al-color-bg-fill-brand-pressed: #5f5755;
--al-color-bg-fill-brand-selected: #514846;
--al-color-bg-fill-brand-disabled: #c4c1c0;
--al-color-text-brand: #6d6564;
--al-color-text-brand-hovered: #5f5755;
--al-color-text-brand-pressed: #514846;
--al-color-text-brand-selected: #433a38;
--al-color-text-brand-disabled: #b8b4b3;
--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: #f4f4f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6d6564;
--al-color-border-elevated-selected: #6d6564;
--al-color-bg-fill-brand: #6d6564;
--al-color-bg-fill-brand-hovered: #5f5755;
--al-color-bg-fill-brand-pressed: #514846;
--al-color-bg-fill-brand-selected: #433a38;
--al-color-text-brand: #514846;
--al-color-text-brand-hovered: #433a38;
--al-color-text-brand-pressed: #342b29;
--al-color-text-brand-selected: #221917;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #847d7c;
--al-color-border-elevated-selected: #948e8d;
--al-color-outline-focused: #e1e0df;
--al-color-bg-surface-brand: #241c1a;
--al-color-bg-surface-brand-hovered: #2f2725;
--al-color-bg-surface-brand-pressed: #3a312f;
--al-color-bg-surface-brand-selected: #3a312f;
--al-color-bg-surface-brand-disabled: #1c1412;
--al-color-bg-surface-brand-elevated: #2f2725;
--al-color-bg-surface-brand-elevated-hovered: #3a312f;
--al-color-bg-surface-brand-elevated-pressed: #433b39;
--al-color-bg-surface-brand-elevated-selected: #433b39;
--al-color-bg-surface-brand-elevated-disabled: #241c1a;
--al-color-bg-fill-brand: #a5a09f;
--al-color-bg-fill-brand-hovered: #b7b4b3;
--al-color-bg-fill-brand-pressed: #cbc9c8;
--al-color-bg-fill-brand-selected: #e1e0df;
--al-color-bg-fill-brand-disabled: #433b39;
--al-color-text-brand: #a5a09f;
--al-color-text-brand-hovered: #b7b4b3;
--al-color-text-brand-pressed: #cbc9c8;
--al-color-text-brand-selected: #e1e0df;
--al-color-text-brand-disabled: #4c4341;
--al-color-text-on-bg-fill-brand: #120b09;
--al-color-text-on-bg-fill-brand-hovered: #120b09;
--al-color-text-on-bg-fill-brand-pressed: #120b09;
--al-color-text-on-bg-fill-brand-selected: #120b09;
--al-color-text-on-bg-fill-brand-disabled: #1c1412;}