: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: #1a110f;
--cb-color-bg-fill-brand-hovered: #362e2c;
--cb-color-bg-fill-brand-pressed: #48413f;
--cb-color-bg-fill-brand-selected: #3f3736;
--cb-color-bg-fill-brand-disabled: #6d6766;
--cb-color-text-brand: #1a110f;
--cb-color-text-brand-hovered: #2c2422;
--cb-color-text-brand-pressed: #48413f;
--cb-color-text-brand-selected: #362e2c;
--cb-color-text-brand-disabled: #6d6766;
--cb-color-bg-surface-brand: #edecec;
--cb-color-bg-surface-brand-hovered: #dad9d8;
--cb-color-bg-surface-brand-pressed: #c8c6c6;
--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: #1a110f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #170f0d;
--cb-color-bg-fill-brand-pressed: #150e0c;
--cb-color-bg-fill-brand-selected: #160e0d;
--cb-color-bg-fill-brand-disabled: #110b0a;
--cb-color-text-brand-hovered: #18100e;
--cb-color-text-brand-pressed: #150e0c;
--cb-color-text-brand-selected: #170f0d;
--cb-color-text-brand-disabled: #110b0a;
--cb-color-bg-surface-brand: #040302;
--cb-color-bg-surface-brand-hovered: #060404;
--cb-color-bg-surface-brand-pressed: #080505;
--cb-color-bg-surface-brand-selected: #050303;
--cb-color-bg-surface-brand-disabled: #030202;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #222121;
--cb-color-bg-surface-brand-hovered: #221f1f;
--cb-color-bg-surface-brand-pressed: #211e1d;
--cb-color-bg-surface-brand-selected: #222020;
--cb-color-bg-surface-brand-disabled: #232221;}
:root{--al-color-border-selected: #7c7573;
--al-color-border-elevated-selected: #7c7573;
--al-color-outline-focused: #342b29;
--al-color-bg-surface-brand: #ecebea;
--al-color-bg-surface-brand-hovered: #dedcdc;
--al-color-bg-surface-brand-pressed: #d1cece;
--al-color-bg-surface-brand-selected: #d1cece;
--al-color-bg-surface-brand-disabled: #f4f4f3;
--al-color-bg-surface-brand-elevated: #ecebea;
--al-color-bg-surface-brand-elevated-hovered: #dedcdc;
--al-color-bg-surface-brand-elevated-pressed: #d1cece;
--al-color-bg-surface-brand-elevated-selected: #d1cece;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f3;
--al-color-bg-fill-brand: #7c7573;
--al-color-bg-fill-brand-hovered: #6e6564;
--al-color-bg-fill-brand-pressed: #5f5755;
--al-color-bg-fill-brand-selected: #524846;
--al-color-bg-fill-brand-disabled: #c5c1c0;
--al-color-text-brand: #6e6564;
--al-color-text-brand-hovered: #5f5755;
--al-color-text-brand-pressed: #524846;
--al-color-text-brand-selected: #443a38;
--al-color-text-brand-disabled: #b8b3b2;
--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: #f4f4f3;}

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

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #857d7c;
--al-color-border-elevated-selected: #958e8d;
--al-color-outline-focused: #e1e0df;
--al-color-bg-surface-brand: #241b19;
--al-color-bg-surface-brand-hovered: #312725;
--al-color-bg-surface-brand-pressed: #3a312e;
--al-color-bg-surface-brand-selected: #3a312e;
--al-color-bg-surface-brand-disabled: #1d1412;
--al-color-bg-surface-brand-elevated: #312725;
--al-color-bg-surface-brand-elevated-hovered: #3a312e;
--al-color-bg-surface-brand-elevated-pressed: #443a38;
--al-color-bg-surface-brand-elevated-selected: #443a38;
--al-color-bg-surface-brand-elevated-disabled: #241b19;
--al-color-bg-fill-brand: #a6a09f;
--al-color-bg-fill-brand-hovered: #b8b3b2;
--al-color-bg-fill-brand-pressed: #ccc8c8;
--al-color-bg-fill-brand-selected: #e1e0df;
--al-color-bg-fill-brand-disabled: #443a38;
--al-color-text-brand: #a6a09f;
--al-color-text-brand-hovered: #b8b3b2;
--al-color-text-brand-pressed: #ccc8c8;
--al-color-text-brand-selected: #e1e0df;
--al-color-text-brand-disabled: #4c4341;
--al-color-text-on-bg-fill-brand: #140c0a;
--al-color-text-on-bg-fill-brand-hovered: #140c0a;
--al-color-text-on-bg-fill-brand-pressed: #140c0a;
--al-color-text-on-bg-fill-brand-selected: #140c0a;
--al-color-text-on-bg-fill-brand-disabled: #1d1412;}