/* Custom styles that complement Tailwind */

/* Subtle page background texture */
body {
    background-image: radial-gradient(circle at 20% 80%, rgba(167, 243, 208, 0.08) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(243, 229, 204, 0.12) 0%, transparent 50%);
}

/* Smooth focus styles for accessibility */
*:focus-visible {
    outline: 2px solid #10B981;
    outline-offset: 2px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FDF9F3;
}
::-webkit-scrollbar-thumb {
    background: #A7F3D0;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6EE7B7;
}

/* Selection color */
::selection {
    background: #A7F3D0;
    color: #064E3B;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .reveal { opacity: 1 !important; transform: none !important; }
    .card-shadow:hover { transform: none; }
    .btn-primary:hover, .btn-cream:hover { transform: none; }
    * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}