:host,:root{--color-bg:#fff;--color-surface:#f5f6f8;--color-border:#e2e4e8;--color-text:#1a1d21;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-contrast:#fff;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--radius:8px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg)}