:root{--ds-color-bg: var(--bg-deep, #f6f7f9);--ds-color-surface: var(--bg-panel, #ffffff);--ds-color-surface-elevated: var(--bg-elevated, #ffffff);--ds-color-border: var(--border, rgba(15, 23, 42, .1));--ds-color-border-strong: var(--border-strong, rgba(15, 23, 42, .14));--ds-color-text: var(--text, #0f172a);--ds-color-text-muted: var(--text-muted, rgba(15, 23, 42, .62));--ds-color-text-faint: var(--text-faint, rgba(15, 23, 42, .42));--ds-color-accent: var(--accent, #dc2626);--ds-color-accent-strong: var(--accent-strong, #b91c1c);--ds-color-ok: var(--hf-ok, #16a34a);--ds-color-warn: var(--hf-warn, #d97706);--ds-color-info: var(--hf-info, #0284c7);--ds-color-danger: var(--accent, #dc2626);--ds-radius-sm: var(--hf-radius-sm, 7px);--ds-radius: var(--hf-radius, 10px);--ds-radius-lg: var(--hf-radius-lg, 14px);--ds-shadow-sm: var(--hf-shadow-sm, 0 1px 2px rgba(15, 23, 42, .04));--ds-shadow: var(--hf-shadow, 0 1px 3px rgba(15, 23, 42, .08));--ds-shadow-lg: var(--hf-shadow-lg, 0 10px 30px rgba(15, 23, 42, .12));--ds-space-1: var(--space-1, 4px);--ds-space-2: var(--space-2, 8px);--ds-space-3: var(--space-3, 12px);--ds-space-4: var(--space-4, 16px);--ds-space-5: var(--space-5, 20px);--ds-space-6: var(--space-6, 24px);--ds-space-8: var(--space-8, 32px);--ds-z-modal: var(--z-modal, 150);--ds-z-overlay: var(--z-overlay, 9999);--ds-focus-ring: 0 0 0 3px rgba(var(--accent-rgb, 220, 38, 38), .32);--ds-transition-fast: .12s var(--ease-out, cubic-bezier(.16, 1, .3, 1));--ds-transition: .2s var(--ease-out, cubic-bezier(.16, 1, .3, 1));--ds-modal-backdrop: rgba(15, 23, 42, .45)}