/* Custom Styles for Master Panda */

:root {
    --brand-red: #E63946;
    --brand-navy: #1D3557;
    --brand-bg-light: #F1FAEE;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

.text-brand-red { color: var(--brand-red); }
.bg-brand-red { background-color: var(--brand-red); }
.text-brand-navy { color: var(--brand-navy); }
.bg-brand-navy { background-color: var(--brand-navy); }

/* Custom transitions for icons and images */
.group:hover img {
    transform: scale(1.05);
}

.transition-all-300 {
    transition: all 0.3s ease;
}

/* Specific focus for high-conversion buttons */
.btn-primary {
    background-color: var(--brand-red);
    @apply text-white font-bold py-3 px-8 rounded-xl shadow-lg shadow-orange-600/20 hover:opacity-90 transition duration-300 transform hover:-translate-y-1;
}

/* Card glass effect if needed */
.glass {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Logo specific spacing */
.logo-font {
    letter-spacing: -0.05em;
}

/* Ensuring WebP images load smoothly */
img {
    content-visibility: auto;
}

/* Section alternating backgrounds */
section:nth-of-type(even) {
    background-color: var(--brand-bg-light);
}