body {
    font-family: var(--font-family);
    color: var(--text);
    background: var(--background);
    line-height: 1.6;
}
a { color: var(--primary); transition: color var(--transition); }
a:hover { color: var(--primary-dark); }
.container { max-width: var(--max-width); margin: 0 auto; padding: 0 1rem; }
.skip-link { position: absolute; left: -9999px; top: 0; background: var(--primary); color: white; padding: 0.5rem 1rem; z-index: 100; }
.skip-link:focus { left: 0; }
.btn { display: inline-block; padding: 0.75rem 1.5rem; border-radius: var(--radius); font-weight: 600; cursor: pointer; border: none; transition: background var(--transition), color var(--transition); }
.btn-primary { background: var(--primary); color: white; }
.btn-primary:hover { background: var(--primary-dark); }
.btn-secondary { background: var(--surface); color: var(--text); border: 1px solid var(--border); }
.btn-secondary:hover { background: var(--surface-hover); }
.btn-large { font-size: 1.1rem; padding: 1rem 2rem; }
h1 { font-size: 2.2rem; margin-bottom: 1rem; }
h2 { font-size: 1.8rem; margin-bottom: 1rem; }
h3 { font-size: 1.4rem; margin-bottom: 0.5rem; }