:root[data-theme=matrix],[data-theme=matrix]{color-scheme:dark;--ub-bg: oklch(.15 .02 150);--ub-bg-subtle: oklch(.18 .025 150);--ub-bg-muted: oklch(.24 .04 150);--ub-bg-muted-hover: oklch(.28 .05 150);--ub-surface: oklch(.17 .025 150);--ub-overlay: oklch(.05 .01 150 / .6);--ub-text-primary: oklch(.87 .19 150);--ub-text-secondary: oklch(.68 .13 150);--ub-text-tertiary: oklch(.52 .09 150);--ub-text-disabled: oklch(.38 .06 150);--ub-border: oklch(.3 .06 150);--ub-border-strong: oklch(.4 .09 150);--ub-accent: oklch(.82 .22 150);--ub-accent-hover: oklch(.88 .23 150);--ub-accent-contrast: oklch(.13 .02 150);--ub-ring: oklch(.65 .16 150);--ub-danger: var(--ub-red-500);--ub-danger-hover: var(--ub-red-400);--ub-danger-contrast: var(--ub-white);--ub-success: oklch(.8 .2 150);--ub-warning: var(--ub-orange-400);--ub-info: oklch(.75 .12 190);--ub-tint-gray-bg: oklch(.24 .05 150);--ub-tint-gray-text: oklch(.87 .19 150);--ub-tint-red-bg: oklch(.24 .05 150);--ub-tint-red-text: oklch(.87 .19 150);--ub-tint-orange-bg: oklch(.24 .05 150);--ub-tint-orange-text: oklch(.87 .19 150);--ub-tint-green-bg: oklch(.24 .05 150);--ub-tint-green-text: oklch(.87 .19 150);--ub-tint-teal-bg: oklch(.24 .05 150);--ub-tint-teal-text: oklch(.87 .19 150);--ub-tint-blue-bg: oklch(.24 .05 150);--ub-tint-blue-text: oklch(.87 .19 150);--ub-tint-violet-bg: oklch(.24 .05 150);--ub-tint-violet-text: oklch(.87 .19 150);--ub-tint-fuchsia-bg: oklch(.24 .05 150);--ub-tint-fuchsia-text: oklch(.87 .19 150);--ub-tint-rose-bg: oklch(.24 .05 150);--ub-tint-rose-text: oklch(.87 .19 150);--ub-shadow-sm: 0 2px 8px oklch(.8 .2 150 / .08);--ub-shadow-md: 0 8px 24px oklch(.8 .2 150 / .12);--ub-shadow-lg: 0 16px 48px oklch(.8 .2 150 / .18);--ub-radius-xs: 0;--ub-radius-sm: .125rem;--ub-radius-md: .1875rem;--ub-radius-lg: .25rem;--ub-radius-xl: .375rem;--ub-radius-control: .1875rem}