/*
Theme Name:     MIP Divi 5 Child Theme
Theme URI:      https://mip.mc/
Description:    Performance-optimized Child Theme for Divi 5. Built for the MIP redesign.
Author:         Antigravity AI
Author URI:     https://github.com/google-deepmind
Template:       Divi
Version:        1.0.0
*/

/**
 * DIVI 5 DESIGN TOKENS
 * We use CSS variables to ensure compatibility with Divi 5's new rendering engine.
 */
:root {
    /* Brand Colors */
    --mip-primary: #cc2127;
    --mip-secondary: #3d3d3d;
    --mip-accent: #999999;
    
    /* Typography */
    --mip-heading-font: 'Montserrat', sans-serif;
    --mip-body-font: 'Lato', sans-serif;
}

/* --- Base Typography --- */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--mip-heading-font) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
}

body, p, span, li {
    font-family: var(--mip-body-font) !important;
}

/* --- Divi 5 Button Styling --- 
   Targeting the standard Divi classes which are maintained in Divi 5 
*/
.et_pb_button {
    background-color: var(--mip-primary) !important;
    border-color: var(--mip-primary) !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out !important;
}

.et_pb_button:hover {
    background-color: var(--mip-secondary) !important;
    border-color: var(--mip-secondary) !important;
    transform: translateY(-2px);
}

/* --- Header & Navigation Optimization --- */
#main-header, .et_builder_inner_content {
    --et-header-font-family: var(--mip-heading-font);
}

/* Custom styles for Divi 5 Footer */
footer#main-footer {
    background-color: var(--mip-secondary);
}

#footer-bottom {
    background-color: var(--mip-primary);
}

/** 
 * PERFORMANCE NOTE: 
 * Divi 5 processes CSS more efficiently. 
 * Avoid using !important where possible if you use the Divi 5 Dynamic CSS features.
 */