@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
/* Base styles */
:root {
    --edelblue: #0A2463;
    --edelgold: #D4AF37;
    --edelslate: #3E505B;
    --edelgreen: #3A7D44;
    --edelteal: #1D7874;
}

html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.6;
    color: var(--edelslate);
}

/* Accessibility improvements */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 3px solid var(--edelgold);
    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;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}
/* Dark mode transitions */
.bg-white, .bg-gray-50, .bg-gray-100, .bg-edelblue, .bg-edelgold, .bg-edelgreen,
.text-edelslate, .text-edelblue, .text-edelgold, .text-edelgreen {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Contrast improvements for accessibility */
.text-edelblue {
    color: #0A2463;
}

.dark .text-edelblue {
    color: #5D8BF4;
}

.bg-edelblue {
    background-color: #0A2463;
}

.dark .bg-edelblue {
    background-color: #1E3A8A;
}
/* Custom components */
.highlight-card {
    position: relative;
    overflow: hidden;
}

.highlight-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom, var(--tw-gradient-from), var(--tw-gradient-to));
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

.delay-100 {
    animation-delay: 0.1s;
}

.delay-200 {
    animation-delay: 0.2s;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-heading {
        font-size: 2.5rem;
    }
}