/**
 * Platinum 401k Blocks - Global Styles
 * Based on theplatinum401k.com brand colors and design
 */

:root {
    --platinum-dark: rgb(22, 22, 22);
    --platinum-dark-alt: #2a2a2a;
    --platinum-light: rgb(247, 247, 247);
    --platinum-accent: rgb(158, 8, 11);
    --platinum-accent-hover: rgb(180, 10, 13);
}

/* Global block styles */
.wp-block-platinum-401k-hero,
.wp-block-platinum-401k-service-cards,
.wp-block-platinum-401k-stats,
.wp-block-platinum-401k-cta {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Typography */
.wp-block-platinum-401k-hero h1,
.wp-block-platinum-401k-service-cards h2,
.wp-block-platinum-401k-service-cards h3,
.wp-block-platinum-401k-stats h2,
.wp-block-platinum-401k-cta h2 {
    font-weight: 700;
    line-height: 1.2;
}

/* Links */
a.platinum-cta-button,
.platinum-service-card a {
    color: var(--platinum-accent);
    transition: color 0.3s ease;
}

a.platinum-cta-button:hover,
.platinum-service-card a:hover {
    color: var(--platinum-accent-hover);
}

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

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

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

/* Responsive container */
.platinum-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 1280px) {
    .platinum-container {
        max-width: 1024px;
    }
}

@media (max-width: 1024px) {
    .platinum-container {
        max-width: 768px;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .platinum-container {
        padding: 0 15px;
    }
}

/* Print styles */
@media print {
    .wp-block-platinum-401k-hero video,
    .platinum-hero-video-background {
        display: none;
    }
}