/* Custom styles beyond Tailwind */

html {
    scroll-behavior: smooth;
}

body {
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

/* Ensure all text has proper contrast */
.text-midnight-950 { color: #1a2028; }
.text-midnight-800 { color: #3f4d5a; }
.text-midnight-700 { color: #4c5966; }
.text-midnight-600 { color: #5a6776; }
.text-midnight-500 { color: #6b7b8c; }
.text-midnight-400 { color: #8595ab; }
.text-midnight-300 { color: #9fb3c8; }
.text-midnight-200 { color: #bcccdc; }
.text-midnight-100 { color: #d9e2ec; }

/* Button hover effects */
button:hover, a:hover {
    transition: all 0.2s ease;
}

/* Form focus states */
input:focus, select:focus, textarea:focus {
    outline: none;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f0f4f8;
}
::-webkit-scrollbar-thumb {
    background: #6b7b8c;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #5a6776;
}

/* Selection color */
::selection {
    background: #4ade80;
    color: #1a2028;
}