/* styles.css */

/* Konsistensi font dan keterbacaan */
body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;

h1, h2, h3, h4, h5, h6 {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
}

/* Kontras warna untuk aksesibilitas */
a, button {
    color: #0056b3; /* primary */
}

a:hover, button:hover {
    color: #e8491d; /* secondary */
}

/* Fokus untuk aksesibilitas keyboard */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
    outline: 2px solid #ffc107; /* accent */
    outline-offset: 2px;
}
}
/* Penyesuaian responsivitas */
@media (max-width: 768px) {
    .container {
        padding: 0 1rem;
    }
    .grid {
        grid-template-columns: 1fr;
    }
    .md\\:w-1 {
        width: 100%;
    }
    .md\\:grid-cols-2, .lg\\:grid-cols-3, .lg\\:grid-cols-4 {
        grid-template-columns: 1fr;
    }
}

/* Styling tambahan untuk form */
input, select, textarea {
    transition: border-color 0.3s ease;
}

input:focus, select:focus, textarea:focus {
    border-color: #0056b3;
}