:root {
    --primary-color: hsl(350, 41%, 60%);
--secondary-color: hsl(50, 41%, 50%);
--accent-color: hsl(170, 51%, 65%);
--background-color: hsl(350, 10%, 95%);
--text-color: hsl(350, 20%, 20%);
    
    --spacing-xs: 6.0px;
    --spacing-sm: 12px;
    --spacing-md: 18.0px;
    --spacing-lg: 24px;
    --spacing-xl: 36px;
    
    --border-radius: 4px;
    --grid-columns: 3;
}
body { font-family: sans-serif; color: var(--text-color); background-color: var(--background-color); margin: 0; padding: var(--spacing-md); }
header { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-lg); background-color: var(--primary-color); color: white; }
nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: var(--spacing-md); }
nav a { color: white; text-decoration: none; }
.container { max-width: 1200px; margin: var(--spacing-xl) auto; }
article { background-color: white; border-radius: var(--border-radius); padding: var(--spacing-lg); margin-bottom: var(--spacing-lg); line-height: 1.6; }
footer { text-align: center; padding: var(--spacing-xl); background-color: var(--secondary-color); color: white; margin-top: var(--spacing-xl); }