/**
 * Global Styles
 * 
 * @package TwentyTwentyFiveChild
 * 
 * Use this file for global styles that cannot be expressed in theme.json
 * such as complex selectors, animations, or third-party integrations.
 */

/* Global utility classes */
.text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Global responsive utilities */
@media (max-width: 768px) {
    .mobile-hidden {
        display: none !important;
    }
}

/* Global focus styles */
*:focus {
    outline: 2px solid var(--wp--preset--color--accent-4);
    outline-offset: 2px;
}