/* 
  TaskFlow - Responsive Adjustments
*/

@media (max-width: 1200px) {
    .container { max-width: 100%; }
}

@media (max-width: 992px) {
    .hero h1 { font-size: 3rem; }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
}

@media (max-width: 768px) {
    .hero { padding: 6rem 0 3rem; }
    .hero h1 { font-size: 2.5rem; }
    .hero p { font-size: 1.1rem; }
    
    .navbar .nav-links { display: none; }
    
    .stats-grid { grid-template-columns: 1fr; }
    
    .auth-card { padding: 1.5rem; }
    
    .content-body { padding: 1rem; }
    .content-header { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .content-header button { width: 100%; }
    
    .task-filters { padding: 1rem; }
    .task-item { padding: 1rem; }
    .task-actions { opacity: 1; }
    
    .modal { margin: 1rem; width: calc(100% - 2rem); }
}

@media (max-width: 480px) {
    .hero h1 { font-size: 2rem; }
    .nav-logo span { font-size: 1.25rem; }
    
    .feature-card { padding: 1.5rem; }
    
    .stat-card { padding: 1rem; }
    .stat-icon { width: 40px; height: 40px; font-size: 1.25rem; }
    
    .task-meta { flex-wrap: wrap; gap: 0.5rem; }
}

/* Accessibility - High Contrast & Focus States */
:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}