/* ==================================================
   BASE — TOKENS
================================================== */
:root{
    --bg:#f6f8fc;
    --surface:#ffffff;
    --surface-soft:#f8fafc;
    --text:#0f172a;
    --muted:#64748b;
    --line:#e2e8f0;
    --primary:#0A1020;
    --primary-2:#13213f;
    --blue:#2563eb;
    --danger:#dc2626;
    --success:#16a34a;
    --warning:#d97706;
    --radius:22px;
    --shadow:0 20px 60px rgba(15,23,42,.08);
}

/* ==================================================
   BASE — RESET
================================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Sora',system-ui,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}

/* ==================================================
   BASE — UTILITÁRIOS
================================================== */
.eyebrow{display:inline-flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.muted{color:var(--muted)}
.spacing-top{margin-top:22px}
.full{grid-column:1/-1}