:root { --primary:#EE4D2D; --primary-dark:#c73d20; --success:#16a34a; --warning:#d97706; --error:#dc2626; --info:#2563eb; --bg:#f5f6fa; --surface:#fff; --alt:#f1f3f9; --text:#0f172a; --muted:#64748b; --subtle:#94a3b8; --border:#e2e8f0; --radius:14px; --shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04); font-family:'Barlow',sans-serif; }
* { box-sizing:border-box; margin:0; padding:0; }
html, body { height:100%; }
body { background:var(--bg); color:var(--text); font-size:14px; line-height:1.5; }
.muted { color:var(--muted); }
.subtle { color:var(--subtle); }
.mono { font-family:Consolas, monospace; }
.with-top-space { margin-top:12px; }