*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-background);line-height:var(--line-height-base,1.5);margin:0}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header,.site-footer{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:1rem clamp(1rem,4vw,2rem)}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);border-bottom:0;margin-top:auto}.site-brand{font-family:var(--font-heading);color:var(--color-primary);font-size:1.5rem;font-weight:600}.site-main{width:min(100%, var(--container-width));padding:var(--spacing-section) clamp(1rem, 4vw, 2rem);margin:0 auto}.site-hero h1{font-family:var(--font-heading);margin:0 0 .75rem;font-size:clamp(2rem,4vw,3rem)}.site-hero p{color:var(--color-muted);max-width:40rem;margin:0}.site-swatch{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.site-swatch span{border-radius:var(--radius);border:1px solid var(--color-border);width:3.5rem;height:3.5rem;box-shadow:var(--shadow)}.site-swatch .primary{background:var(--color-primary)}.site-swatch .secondary{background:var(--color-secondary)}