:root {
    --midnight-900: #060D1F;
    --midnight-800: #0A1628;
    --midnight-700: #0F2140;
    --midnight-600: #1A3A5C;
    --midnight-500: #2D5A87;
    --midnight-400: #4A7FB5;
    --midnight-300: #7BA3C9;
    --midnight-200: #B0C9DE;
    --midnight-100: #DCE8F2;
    --midnight-50: #EFF6FB;
    --mint-600: #3D9B87;
    --mint-500: #5FB8A0;
    --mint-400: #7EC8B8;
    --mint-300: #A8DDD0;
    --mint-200: #CDECE6;
    --mint-100: #E8F5F1;
    --mint-50: #F4FAF8;
    --stone-50: #FAFAF8;
    --stone-100: #F5F5F3;
    --stone-200: #E8E8E5;
}

/* Smooth scroll padding for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--stone-50);
}
::-webkit-scrollbar-thumb {
    background: var(--midnight-300);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--midnight-500);
}

/* Focus styles */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--mint-400);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Print styles */
@media print {
    nav, #contact, .reveal, .reveal-left, .reveal-right {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .service-card, .btn-primary {
        break-inside: avoid;
    }
}