Form Controls — Design System Components
--color-primary: #2563eb
--color-error: #dc2626
--color-border: #dbe3ef
--color-bg: #f6f8fb
--input-radius: 10px
--input-padding: 10px 14px
--font-size-input: 13px
--font-size-label: 12px (uppercase, weight:700)
--font-size-helper: 11px
--toggle-size: 40px × 22px, knob 18px
--checkbox-size: 18px × 18px, radius 6px
--radio-size: 18px × 18px, radius 50%
--transition: 0.2s ease / 0.25s cubic-bezier
Focus: border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.12)
Error: border-color: #dc2626; box-shadow: 0 0 0 3px rgba(220,38,38,0.1)
Disabled: background: #f8fafc; color: #94a3b8; cursor: not-allowed