.client-portal{--color-primary: color-mix(in srgb, var(--lp-primary) 60%, black);--color-primary-strong: color-mix(in srgb, var(--lp-primary) 48%, black);--color-primary-foreground: #ffffff;--color-accent-soft: color-mix(in srgb, var(--lp-primary) 18%, var(--surface));--color-ring: color-mix(in srgb, var(--lp-primary) 60%, black);--ring: color-mix(in srgb, var(--lp-primary) 60%, black)}@media(prefers-color-scheme:dark){:root:not(.light) .client-portal{--color-primary: color-mix(in srgb, var(--lp-primary) 62%, white);--color-primary-strong: color-mix(in srgb, var(--lp-primary) 45%, white);--color-primary-foreground: #17171a;--color-accent-soft: color-mix(in srgb, var(--lp-primary) 22%, var(--surface));--color-ring: color-mix(in srgb, var(--lp-primary) 62%, white);--ring: color-mix(in srgb, var(--lp-primary) 62%, white)}}.dark .client-portal{--color-primary: color-mix(in srgb, var(--lp-primary) 62%, white);--color-primary-strong: color-mix(in srgb, var(--lp-primary) 45%, white);--color-primary-foreground: #17171a;--color-accent-soft: color-mix(in srgb, var(--lp-primary) 22%, var(--surface));--color-ring: color-mix(in srgb, var(--lp-primary) 62%, white);--ring: color-mix(in srgb, var(--lp-primary) 62%, white)}