/**
 * MI Global Styles
 * Premium design enhancements for mi.rand3.com
 */

/* ==========================================================================
   Base Typography
   ========================================================================== */

body {
    font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Global Animations
   ========================================================================== */

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

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

@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);
    }
}

/* ==========================================================================
   Global Button Styles
   ========================================================================== */

.wp-block-button__link {
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    text-decoration: none !important;
}

/* ==========================================================================
   Global Table Styles
   ========================================================================== */

.wp-block-table table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.wp-block-table th,
.wp-block-table td {
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.wp-block-table thead th {
    background-color: #f8f9fa !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   Global Card Hover Effects
   ========================================================================== */

.wp-block-column {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ==========================================================================
   Global Color Variables
   ========================================================================== */

:root {
    --mi-primary: #002366;
    --mi-accent: #FFD700;
    --mi-success: #28a745;
    --mi-warning: #ffc107;
    --mi-danger: #dc3545;
    --mi-gray-100: #f8f9fa;
    --mi-gray-200: #e9ecef;
    --mi-gray-600: #666666;
    --mi-gray-800: #333333;
}

/* ==========================================================================
   Smooth Scrolling
   ========================================================================== */

html {
    scroll-behavior: smooth;
}

/* ==========================================================================
   Selection Styles
   ========================================================================== */

::selection {
    background-color: var(--mi-primary);
    color: white;
}

::-moz-selection {
    background-color: var(--mi-primary);
    color: white;
}

/* ==========================================================================
   Focus States for Accessibility
   ========================================================================== */

a:focus,
button:focus,
.wp-block-button__link:focus {
    outline: 2px solid var(--mi-accent);
    outline-offset: 2px;
}

/* ==========================================================================
   Responsive Improvements
   ========================================================================== */

@media (max-width: 768px) {
    .wp-block-columns {
        gap: 20px !important;
    }

    .wp-block-column {
        margin-bottom: 20px;
    }

    h1 {
        font-size: 32px !important;
        line-height: 1.3 !important;
    }

    h2 {
        font-size: 26px !important;
    }

    .wp-block-cover {
        min-height: 350px !important;
    }
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .wp-block-button {
        display: none !important;
    }

    body {
        font-size: 12pt;
    }

    h1, h2, h3 {
        page-break-after: avoid;
    }

    table {
        page-break-inside: avoid;
    }
}