:root { --color-bg: hsl(240 7% 97%); --color-card: hsl(0 0% 100%); --color-card-alt: hsl(240 6% 98%); --color-border: hsl(240 7% 91%); --color-border-strong: hsl(240 5% 84%); --color-text-primary: hsl(0 0% 4%); --color-text-secondary: hsl(220 9% 46%); --color-text-muted: hsl(220 9% 60%); --color-text-subtle: hsl(220 10% 71%); --color-primary: hsl(0 0% 4%); --color-primary-hover: hsl(0 0% 12%); --color-hover-bg: hsl(240 5% 96%); --color-active-bg: hsl(240 6% 93%); --color-accent: hsl(145 22% 38%); --color-accent-soft: hsl(145 25% 94%); --color-accent-border: hsl(145 25% 82%); --color-accent-hover: hsl(145 22% 30%); --color-success: hsl(145 36% 38%); --color-warning: hsl(38 95% 45%); --color-error: hsl(0 72% 45%);}