:root {
    --color-accent: rgb(34 102 68);
    --color-background-page: rgb(230 240 230);
    --color-background-header: var(--color-accent);
    --color-text: rgb(34 34 34);
    --color-text-inverted: rgb(255 255 255);
    --color-link: rgb(25 80 50);
    
    --color-text-secondary: rgb(80 80 80);
    --color-background-card: rgb(255 255 255);

    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    
    --content-max-width: 1200px;
}

body.dark-mode {
    --color-background-page: rgb(34 34 34);
    --color-text: rgb(230 240 230);
    
    --color-accent: rgb(76 175 122);
    --color-background-header: rgb(25 80 50);
    
    --color-text-inverted: rgb(34 34 34);
    
    --color-link: rgb(100 200 150);

    --color-text-secondary: rgb(180 180 180);
    --color-background-card: rgb(45 45 45);
}