@import './tokens.css';
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-family: var(--sans);
color: var(--fg);
background: var(--bg);
line-height: 1.6;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
body {
min-height: 100vh;
}
a {
color: var(--primary);
text-decoration: none;
}
a:hover {
color: var(--primary-bright);
}
code {
font-family: var(--mono);
font-size: 0.9em;
}
.container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 2rem;
}
section {
padding: 5rem 0;
}
@media (max-width: 768px) {
.container { padding: 0 1.25rem; }
section { padding: 3.5rem 0; }
}
@media (max-width: 480px) {
.container { padding: 0 1rem; }
section { padding: 2.5rem 0; }
}