/* ════════════════════════════════════════════════════════════
   main.css — Reset e variáveis globais VemFácil v2
   ════════════════════════════════════════════════════════════ */

/* ── Variáveis ── */
:root {
    --accent:       #ff5757;
    --accent-hover: #e63e3e;
    --accent-dim:   #fff0f0;
    --text:         #0f172a;
    --text-muted:   #64748b;
    --border:       #e5e7eb;
    --bg:           #f8fafc;
    --surface:      #ffffff;
    --radius:       12px;
    --shadow:       0 4px 24px rgba(0,0,0,.07);
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--text);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
img { display: block; max-width: 100%; }
button { font-family: inherit; }

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

@media (max-width: 600px) {
    .container { padding: 0 16px; }
}