/* CommTech Dark Theme - Elegant Type */
:root {
    --wp--preset--font-family--primary: 'Satoshi', sans-serif;
    --wp--preset--font-family--secondary: 'Poppins', sans-serif;
    --wp--custom--border--ghost: 1px solid rgba(255, 255, 255, 0.04);
    /* Universal Ghost Border */
}

body {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--secondary);
    font-weight: 300;
    /* Corpo leve para elegância */
    line-height: 1.7;
    /* Mais respiro no texto corrido */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
}

/* Headings: Satoshi (Display) */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--wp--preset--font-family--primary);
    font-weight: 400;
    /* Regular, nunca Bold por padrão */
    letter-spacing: -0.03em;
    /* Tight tracking para visual moderno */
    line-height: 1.2;
    margin-bottom: var(--wp--preset--spacing--40);
    color: var(--wp--preset--color--contrast);
}

/* Mixins (Mantidos e Refinados) */
.effect-glass,
.is-style-glass {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(24px);
    /* Blur aumentado para suavidade */
    -webkit-backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: var(--wp--custom--border--ghost);
    /* Ghost Border: Almost invisible */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* Ultra Subtle Shadow */
}

/* Typography Utility: The "Techno" Look (Reusable) */
/* Unificado com base no Footer Headers (Sprint 10) */
.text-techno,
.is-style-text-techno {
    font-family: var(--wp--preset--font-family--secondary);
    font-size: 0.9rem;
    line-height: 1.2;
    /* Universal Standard */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 300;
    color: var(--wp--preset--color--contrast);
    opacity: 0.9;
    /* Sophisticated "Off-White" */
}

.effect-aurora-bg {
    background:
        radial-gradient(circle at 15% 50%, rgba(34, 211, 238, 0.06), transparent 50%),
        radial-gradient(circle at 85% 30%, rgba(129, 140, 248, 0.04), transparent 50%),
        var(--wp--preset--color--base);
}