:root{
--surface-page:var(--ink-0);--surface-subtle:var(--ink-50);--surface-card:var(--ink-0);--surface-inset:var(--ink-100);
--surface-dark:var(--ink-900);--surface-dark-2:var(--ink-800);--surface-dark-card:#363636;--surface-brand:var(--teal-600);--surface-brand-deep:var(--teal-900);
--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-muted:var(--ink-400);--text-on-dark:var(--ink-0);--text-on-dark-secondary:rgba(255,255,255,.68);--text-on-brand:var(--ink-0);--text-accent:var(--teal-600);
--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-600);--border-on-dark:rgba(255,255,255,.14);--border-accent:var(--lime-500);
--action-primary-bg:var(--teal-600);--action-primary-bg-hover:var(--teal-700);--action-primary-fg:var(--ink-0);
--action-accent-bg:var(--lime-500);--action-accent-bg-hover:var(--lime-600);--action-accent-fg:var(--ink-900);
--focus-ring:0 0 0 2px var(--ink-0),0 0 0 4px var(--teal-500); /* @kind shadow */--focus-ring-dark:0 0 0 2px var(--ink-900),0 0 0 4px var(--lime-500); /* @kind shadow */
--grid-line:rgba(255,255,255,.06);--grid-line-light:rgba(5,10,9,.06)
}