/* ========================================
   MOBILI CAPITAL - TYPOGRAPHY SYSTEM V2
   DM Sans with Optical Size Support
   ======================================== */

/* 
   NOTA IMPORTANTE: 
   - Optical size é carregado via Google Fonts URL
   - Removido font-variation-settings para evitar conflitos no Edge
   - Elementor controla font-size responsivo via inline styles
*/

/* DM Sans Base Classes (SEM optical size via CSS) */
.dm-sans-optical,
.dm-sans-optical-9,
.dm-sans-optical-12,
.dm-sans-optical-18,
.dm-sans-optical-24,
.dm-sans-optical-32,
.dm-sans-optical-40 {
    font-family: 'DM Sans', sans-serif;
}

/* Uppercase utility class */
.mobile-uppercase {
    text-transform: uppercase;
}

/* ========================================
   SYSTEM TYPOGRAPHY
   ======================================== */

/* System Typography - Primary (Display) */
h1,
.primary-text {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* System Typography - Secondary (H0) */
h2,
.secondary-text {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

/* System Typography - Text (Paragraph) */
p,
.text {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* System Typography - Accent (Overline) */
.accent-text {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

/* ========================================
   CUSTOM TYPOGRAPHY
   ======================================== */

/* Custom Typography - Display */
.display {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
}
 
/* Custom Typography - H0 */
.h0 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

/* Custom Typography - H1 */
h3,
.h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
}

/* Custom Typography - H2 */
h4,
.h2 {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* Custom Typography - H3 */
h5,
.h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

/* Custom Typography - H4 */
h6,
.h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

/* Custom Typography - H5 */
.h5 {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
}

/* Custom Typography - H6 */
.h6 {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
}

/* Custom Typography - Paragraph Display */
.paragraph-display {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

/* Custom Typography - Paragraph XXL */
.paragraph-xxl {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* Custom Typography - Paragraph XL */
.paragraph-xl {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* Custom Typography - Paragraph L */
.paragraph-l {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* Custom Typography - Paragraph (Default) */
.paragraph {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* Custom Typography - Paragraph S */
.paragraph-s {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

/* Custom Typography - Overline */
.overline {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

/* Custom Typography - Caption */
.caption {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}