body{--color-primary-soft:color-mix(in srgb,var(--color-primary) 33%,#fff);--color-primary-lighter:color-mix(in srgb,var(--color-primary) 80%,#fff);--color-primary-darkened:color-mix(in srgb,var(--color-primary) 90%,#000);--color-primary-50:var(--color-primary-soft);--color-primary-100:var(--color-primary-lighter);--color-primary-200:var(--color-primary);--color-primary-300:var(--color-primary-darkened)}