| /* Base styles */ | |
| body { | |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; | |
| line-height: 1.6; | |
| } | |
| /* Touch-friendly elements */ | |
| button, [role="button"] { | |
| min-width: 44px; | |
| min-height: 44px; | |
| touch-action: manipulation; | |
| } | |
| /* Task item styles */ | |
| .task-item { | |
| transition: all 0.2s ease; | |
| } | |
| .task-item:hover { | |
| background-color: rgba(0, 0, 0, 0.02); | |
| } | |
| /* Mobile-first adjustments */ | |
| @media (max-width: 480px) { | |
| html { | |
| font-size: 16px; | |
| } | |
| .container { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| } | |
| /* Accessibility focus styles */ | |
| button:focus, input:focus { | |
| outline: 2px solid #3b82f6; | |
| outline-offset: 2px; | |
| } | |
| /* Scroll behavior */ | |
| html { | |
| scroll-behavior: smooth; | |
| } |