:root{--color-primary: #1a1a1a;--color-secondary: #666;--color-accent: #2a5d3c;--color-background: #fff;--color-surface: #f8f8f8;--color-border: #e0e0e0;--color-error: #c00;--font-heading: "Merriweather", Georgia, serif;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--max-width: 1200px;--border-radius: 4px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-primary);background:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;margin:0 0 var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin:0 0 var(--spacing-md)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{font-family:var(--font-body);cursor:pointer}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-secondary{color:var(--color-secondary)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}