*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; -webkit-font-smoothing: antialiased; }
body { font-family: var(--font-primary); color: var(--text-primary); background: var(--bg-body); line-height: 1.5; min-height: 100vh; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
button { cursor: pointer; font-family: inherit; font-size: inherit; border: none; background: none; }
input, textarea, select { font-family: inherit; font-size: inherit; border: 1px solid var(--border); border-radius: var(--radius); padding: 0.625rem 0.875rem; outline: none; width: 100%; }
input:focus, textarea:focus, select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-light); }
table { width: 100%; border-collapse: collapse; }
img { max-width: 100%; display: block; }