/* Additional custom styles */

/* Ensure all text has proper contrast */
.text-white {
    color: #ffffff;
}

.text-charcoal-100 {
    color: #e2e3e5;
}

.text-charcoal-200 {
    color: #c4c6cb;
}

.text-charcoal-300 {
    color: #a1a5aa;
}

.text-charcoal-400 {
    color: #858b94;
}

.text-charcoal-500 {
    color: #6b7280;
}

.text-charcoal-600 {
    color: #4b5563;
}

.text-charcoal-700 {
    color: #374151;
}

.text-charcoal-800 {
    color: #2d333c;
}

.text-charcoal-900 {
    color: #1f2429;
}

.text-charcoal-950 {
    color: #0f1215;
}

/* Coral colors */
.text-coral-100 {
    color: #ffece6;
}

.text-coral-200 {
    color: #ffd5c8;
}

.text-coral-300 {
    color: #ffb89c;
}

.text-coral-400 {
    color: #ff8a66;
}

.text-coral-500 {
    color: #ff6b4a;
}

.text-coral-600 {
    color: #f04e27;
}

.text-coral-700 {
    color: #d93a18;
}

.text-coral-800 {
    color: #b52e14;
}

.text-coral-900 {
    color: #932713;
}

/* Background colors */
.bg-coral-50 {
    background-color: #fff5f2;
}

.bg-coral-100 {
    background-color: #ffece6;
}

.bg-coral-200 {
    background-color: #ffd5c8;
}

.bg-coral-300 {
    background-color: #ffb89c;
}

.bg-coral-400 {
    background-color: #ff8a66;
}

.bg-coral-500 {
    background-color: #ff6b4a;
}

.bg-coral-600 {
    background-color: #f04e27;
}

.bg-coral-700 {
    background-color: #d93a18;
}

.bg-coral-800 {
    background-color: #b52e14;
}

.bg-coral-900 {
    background-color: #932713;
}

.bg-charcoal-50 {
    background-color: #f6f6f7;
}

.bg-charcoal-100 {
    background-color: #e2e3e5;
}

.bg-charcoal-200 {
    background-color: #c4c6cb;
}

.bg-charcoal-300 {
    background-color: #a1a5aa;
}

.bg-charcoal-400 {
    background-color: #858b94;
}

.bg-charcoal-500 {
    background-color: #6b7280;
}

.bg-charcoal-600 {
    background-color: #4b5563;
}

.bg-charcoal-700 {
    background-color: #374151;
}

.bg-charcoal-800 {
    background-color: #2d333c;
}

.bg-charcoal-900 {
    background-color: #1f2429;
}

.bg-charcoal-950 {
    background-color: #0f1215;
}

/* Focus styles for accessibility */
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
    outline: 2px solid #ff6b4a;
    outline-offset: 2px;
}

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color, transform;
    transition-duration: 150ms;
    transition-timing-function: ease;
}

/* Print styles */
@media print {
    nav,
    .animate-bounce {
        display: none;
    }
    
    body {
        color: #000;
        background: #fff;
    }
}