/**
 * Base / Global
 * ─────────────────────────────────────────────────────────────────────────────
 * Reset mínimo e estilos base para html, body e elementos primitivos.
 */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    background: var(--bg);
    color: var(--ink);
    font-family: 'Inter', 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

h1,
h2,
h3,
h4 {
    color: var(--ink);
    line-height: 1.2;
    margin: 0;
}

h2 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 16px;
}

p {
    margin: 0;
}

/* Classe utilitária: texto secundário */
.eyebrow {
    color: var(--primary);
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

/* Texto muted */
.muted {
    color: var(--muted);
    font-size: 13px;
}

/* Espaçadores simples */
.mt { margin-top: 18px; }
.mb { margin-bottom: 18px; }