:root{--brand-dark: rgb(var(--colors-purple-20));--brand-low: rgb(var(--colors-purple-40));--brand-main: rgb(var(--colors-purple-60));--brand-high: rgb(var(--colors-purple-80));--brand-light: rgb(var(--colors-purple-95));--brand-light-css: var(--colors-purple-95-css);--accent-dark: rgb(var(--colors-orange-20));--accent-low: rgb(var(--colors-orange-40));--accent-main: rgb(var(--colors-orange-60));--accent-high: rgb(var(--colors-orange-80));--accent-light: rgb(var(--colors-orange-95));--bg-primary: var(--brand-high);--bg-primary-subtle: var(--brand-light);--bg-action: var(--brand-main);--bg-action-hovered: var(--brand-high);--bg-action-pressed: var(--brand-low);--bg-accent: var(--accent-high);--bg-accent-subtle: var(--accent-light);--icon-primary: var(--brand-high);--icon-primary-subtle: var(--brand-light);--icon-action: var(--brand-main);--icon-action-light: var(--brand-light);--icon-accent: var(--accent-high);--icon-accent-subtle: var(--accent-light);--icon-accent-action: var(--accent-main);--border-primary: var(--brand-high);--border-primary-subtle: var(--brand-light);--border-action: var(--brand-high);--border-action-hovered: var(--brand-high);--border-action-pressed: var(--brand-low);--border-action-focused: var(--brand-high);--border-accent: var(--accent-high);--border-accent-subtle: var(--accent-light);--color-brand: var(--brand-dark);--color-action: var(--brand-main);--color-action-hovered: var(--brand-low);--color-action-disabled: var(--brand-high);--color-action-inverted: rgb(var(--colors-neutral-100));--color-action-inverted-hovered: rgb(var(--colors-neutral-100));--color-action-inverted-disabled: var(--brand-high);--color-accent: var(--accent-dark);--color-accent-action: var(--accent-low);--color-accent-action-hovered: var(--accent-dark);--color-accent-action-disabled: var(--accent-high)}