/* ========================= Base CSS (core estável) - Tokens compatíveis (antigos + novos) - Reset mínimo + typography base ========================= */ :root{ /* compat do seu sistema atual */ --max: 1100px; --pad: 16px; --brand-primary: #0b5fff; --brand-accent: #ffcc00; --text: #111; --muted: rgba(17,17,17,.72); --border: rgba(0,0,0,.10); --bg: #fff; --card: #fff; --radius-sm: 12px; --radius-md: 16px; --radius-lg: 20px; /* novos tokens (design system) - mapeados para não quebrar */ --container: var(--max); --primary: var(--brand-primary); --accent: var(--brand-accent); --radius: var(--radius-md); --shadow: 0 10px 24px rgba(2, 6, 23, .08); --space-1: 6px; --space-2: 10px; --space-3: 14px; --space-4: 18px; --space-5: 24px; --danger: #b00020; --success: #1a7f37; } /* reset mínimo */ *{ box-sizing: border-box; } html{ -webkit-text-size-adjust:100%; } html,body{ height:100%; } body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; line-height:1.45; color:var(--text); background:var(--bg); } img{ max-width:100%; } a{ color: var(--brand-primary); text-decoration:none; } a:hover{ text-decoration: underline; text-decoration-color: var(--brand-accent); } .container{ width:min(var(--container), calc(100% - (var(--pad) * 2))); margin:0 auto; } /* tipografia base (mantém seu comportamento) */ h1{ font-size: 32px; margin: 18px 0 10px; letter-spacing:-.3px; } h2{ font-size: 20px; margin: 18px 0 10px; } p{ margin: 0 0 10px; } /* utilitários compat */ .hint{ color: rgba(0,0,0,.62); } .meta{ color: rgba(0,0,0,.66); } .sold{ color: var(--danger); } .seo-text{ color: var(--muted); font-weight: 700; }