:root{--font-family-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-body: .9375rem;--font-weight-body: 400;--line-height-body: 1.4;--color-surface: #ffffff;--color-surface-disabled: #f4f5f7;--color-border: #d1d5db;--color-border-focus: #3b82f6;--color-border-error: #dc2626;--color-text: #111827;--color-text-disabled: #9ca3af;--color-text-placeholder: #6b7280;--color-focus-ring: rgba(59, 130, 246, .35);--radius-sm: 4px;--radius-md: 6px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--motion-duration-fast: .12s;--motion-duration-med: .2s;--motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--color-primary-bg: hsl(221, 83%, 53%);--color-primary-bg-hover: hsl(221, 83%, 46%);--color-primary-bg-active: hsl(221, 83%, 40%);--color-primary-bg-disabled: hsl(221, 35%, 70%);--color-primary-fg: #ffffff;--color-secondary-bg: hsl(220, 13%, 96%);--color-secondary-bg-hover: hsl(220, 13%, 91%);--color-secondary-bg-active: hsl(220, 13%, 86%);--color-secondary-bg-disabled: hsl(220, 13%, 96%);--color-secondary-fg: var(--color-text);--color-secondary-fg-disabled: var(--color-text-disabled);--color-secondary-border: var(--color-border);--color-ghost-bg: transparent;--color-ghost-bg-hover: hsl(220, 13%, 96%);--color-ghost-bg-active: hsl(220, 13%, 91%);--color-ghost-fg: var(--color-text);--color-ghost-fg-disabled: var(--color-text-disabled)}body{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text)}