/* Prism Branding - Simplified */
/* Note: Base variables are defined in shared/variables.css */

.brand-prism {
    position: relative;
    display: inline-block;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-normal);
    
    /* Default gradient - overridden by hero section */
    background: linear-gradient(
        135deg,
        var(--primary-color) 0%,
        var(--accent-color) 25%, 
        #6a5acd 50%,
        var(--secondary-color) 75%,
        var(--primary-color) 100%
    );
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    
    filter: var(--prism-shadow-base);
    will-change: background-position;
    transform: translateZ(0);
    
    /* Simple gradient animation */
    animation: prism-gradient-shift 4s ease-in-out infinite;
}

/* Gradient animation */
@keyframes prism-gradient-shift {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Hover enhancement */
.brand-prism:hover {
    animation-duration: 2s;
}

/* Accessibility optimizations */
@media (prefers-reduced-motion: reduce) {
    .brand-prism {
        animation: none;
        background-position: 50% 50%;
        filter: var(--prism-shadow-base);
    }
}

@media (prefers-contrast: high) {
    .brand-prism {
        background: var(--primary-color);
        background-clip: unset;
        -webkit-background-clip: unset;
        color: var(--primary-color);
        filter: none;
    }
}