:root{--surface-0: #f9fafb;--surface-1: #ffffff;--surface-2: #f3f4f6;--surface-input: #ffffff;--surface-overlay: rgba(0, 0, 0, .4);--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-accent: #7c3aed;--brand-success: #16a34a;--brand-warning: #d97706;--brand-danger: #dc2626;--brand-danger-hover: #b91c1c;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-inverse: #ffffff;--border-default: #e5e7eb;--border-subtle: #f3f4f6;--border-strong: #d1d5db;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--text-display: 2.25rem;--text-h1: 1.5rem;--text-h2: 1.125rem;--text-h3: .875rem;--text-body: .875rem;--text-sm: .75rem;--text-xs: .625rem;--sync-syncing: #60a5fa;--sync-success: #4ade80;--sync-error: #f87171;--sync-offline: #facc15;--sync-idle: #9ca3af;--plan-free: #6b7280;--plan-starter: #2563eb;--plan-pro: #7c3aed;--plan-elite: #d97706}:root.dark{--surface-0: #030712;--surface-1: #111827;--surface-2: #1f2937;--surface-input: #1f2937;--surface-overlay: rgba(0, 0, 0, .6);--brand-primary: #3b82f6;--brand-primary-hover: #2563eb;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-inverse: #111827;--border-default: #374151;--border-subtle: #1f2937;--border-strong: #4b5563;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4)}