:root{--sys-color-white: #ffffff;--sys-color-black: #111827;--sys-color-gray-50: #f9fafb;--sys-color-gray-100: #f3f4f6;--sys-color-gray-200: #e5e7eb;--sys-color-gray-300: #d1d5db;--sys-color-gray-400: #9ca3af;--sys-color-gray-500: #6b7280;--sys-color-indigo-50: #eef2ff;--sys-color-indigo-200: #c7d2fe;--sys-color-indigo-500: #6366f1;--sys-color-green-100: #dcfce7;--sys-color-green-300: #86efac;--sys-color-green-600: #16a34a;--sys-color-amber-50: #fffbeb;--sys-color-amber-500: #f59e0b;--sys-color-amber-600: #d97706;--sys-color-orange-100: #ffedd5;--sys-color-orange-200: #fbd38d;--sys-color-orange-400: #fb923c;--sys-color-orange-500: #f97316;--sys-color-red-500: #ef4444;--sys-space-1: 4px;--sys-space-2: 8px;--sys-space-3: 12px;--sys-space-4: 16px;--sys-radius-sm: 4px;--sys-radius-md: 6px;--sys-radius-lg: 8px;--sys-radius-pill: 20px;--sys-text-10: 10px;--sys-text-11: 11px;--sys-text-12: 12px;--sys-text-13: 13px;--sem-text-primary: var(--sys-color-black);--sem-text-secondary: #374151;--sem-text-muted: var(--sys-color-gray-400);--sem-text-subtle: var(--sys-color-gray-500);--sem-text-inverse: var(--sys-color-white);--sem-bg-page: var(--sys-color-white);--sem-bg-surface: var(--sys-color-white);--sem-bg-subtle: var(--sys-color-gray-50);--sem-bg-emphasis: var(--sys-color-gray-100);--sem-bg-focus-soft: rgba(99, 102, 241, .05);--sem-bg-drag-soft: rgba(99, 102, 241, .1);--sem-border-default: var(--sys-color-gray-200);--sem-border-muted: var(--sys-color-gray-100);--sem-border-strong: var(--sys-color-gray-300);--sem-border-focus: var(--sys-color-indigo-500);--sem-state-focus: var(--sys-color-indigo-500);--sem-state-success: var(--sys-color-green-600);--sem-state-warning: var(--sys-color-orange-500);--sem-state-danger: var(--sys-color-red-500);--sem-feedback-goal-bg: var(--sys-color-indigo-50);--sem-feedback-goal-border: var(--sys-color-indigo-200);--sem-feedback-success-bg: var(--sys-color-green-100);--sem-feedback-success-border: var(--sys-color-green-300);--sem-feedback-habit-bg: var(--sys-color-orange-100);--sem-feedback-habit-border: var(--sys-color-orange-200);--cmp-chip-border-active: var(--sem-state-focus);--cmp-chip-bg-active: var(--sem-feedback-goal-bg);--cmp-chip-border-drag: var(--sys-color-amber-500);--cmp-chip-bg-drag: var(--sys-color-amber-50);--cmp-chip-text-drag: var(--sys-color-amber-600);--cmp-node-row-bg-focus: var(--sem-bg-focus-soft);--cmp-node-row-bg-drag-over: var(--sem-bg-drag-soft);--cmp-node-row-outline-drag-over: var(--sem-border-focus)}