:root{--color-bg:#ffffff;--color-surface:#f8fafc;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-primary:#1e3a8a;--color-primary-hover:#1e40af;--color-accent:#7c3aed;--color-danger:#dc2626;--radius:8px;--max-width:768px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}