:root{--color-surface-1:oklch(0.20 0.06 288);--color-surface-2:oklch(0.26 0.06 288);--color-surface-3:oklch(0.32 0.06 288);--color-surface-4:oklch(0.38 0.06 288);--color-border:oklch(0.48 0.06 288);--color-border-strong:oklch(0.58 0.06 288);--color-text:oklch(0.97 0.010 288);--color-text-muted:oklch(0.80 0.035 288);--color-text-inverse:oklch(0.22 0.05 288);--color-accent:oklch(0.744 0.164 306);--color-accent-hover:oklch(0.812 0.150 306);--color-periwinkle:oklch(0.677 0.153 285);--color-lilac:oklch(0.754 0.120 294);--color-orchid:oklch(0.812 0.127 323);--color-rose:oklch(0.875 0.073 336);--color-blush:oklch(0.906 0.053 354);--color-deep:oklch(0.422 0.091 288);--color-state-idle:oklch(0.58 0.06 288);--color-state-connected:oklch(0.744 0.164 306);--color-danger:oklch(0.568 0.200 26);--color-success:oklch(0.575 0.145 144);--color-warning:oklch(0.712 0.179 54);--color-card-face:oklch(0.99 0.004 288);--color-card-red:oklch(0.55 0.215 27);--color-card-black:oklch(0.22 0.02 288);--color-ink:oklch(0.30 0.02 288);--color-ink-muted:oklch(0.45 0.02 288);--color-hairline:oklch(0.89 0.005 288);--color-panel-tint:oklch(0.95 0.004 288);--color-disabled:oklch(0.82 0.006 288);--color-disabled-deep:oklch(0.52 0.008 288);--color-success-surface:oklch(0.92 0.055 145);--color-success-ink:oklch(0.40 0.085 145);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--text-xs:0.694rem;--text-sm:0.833rem;--text-base:1rem;--text-md:1.2rem;--text-lg:1.44rem;--text-xl:1.728rem;--text-2xl:2.074rem;--text-3xl:2.488rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--radius-sm:6px;--radius-lg:14px;--radius-pill:999px;--shadow-ink:oklch(0.15 0.04 288);--shadow-1:0 1px 2px oklch(0.15 0.04 288 / 0.4);--shadow-2:0 4px 12px oklch(0.15 0.04 288 / 0.45);--shadow-3:0 10px 28px oklch(0.15 0.04 288 / 0.5);--nav-height:60px;--content-max:768px;--page-max:1100px}