:root{--color-brand-primary: var(--workspace-brand-primary);--color-brand-secondary: var(--workspace-brand-secondary);--color-brand-cognitive: var(--workspace-brand-cognitive);--color-background-image: url(background.svg);--color-background: var(--workspace-background);--color-surface: var(--workspace-surface);--color-background-hover: var(--workspace-background-hover);--color-text-primary: var(--workspace-text-primary);--color-text-secondary: var(--workspace-text-secondary);--color-text-muted: var(--workspace-text-muted);--color-border: var(--workspace-border);--color-primary: var(--workspace-brand-primary);--color-primary-hover: color-mix( in srgb, var(--workspace-brand-primary) 84%, white );--color-primary-soft: color-mix( in srgb, var(--workspace-brand-primary) 22%, transparent );--color-secondary: var(--workspace-brand-secondary);--color-secondary-soft: color-mix( in srgb, var(--workspace-brand-secondary) 18%, transparent );--color-accent: var(--workspace-brand-cognitive);--color-accent-strong: color-mix( in srgb, var(--workspace-brand-cognitive) 88%, white );--color-accent-soft: color-mix( in srgb, var(--workspace-brand-cognitive) 18%, transparent );--color-link: var(--workspace-brand-primary);--color-link-hover: var(--color-primary-hover);--color-surface-alt: color-mix( in srgb, var(--color-surface) 80%, var(--color-accent-soft) );--color-primary-alpha: color-mix( in srgb, var(--color-primary) 22%, transparent )}