:root {
    --color-primary: #2196F3;
    --color-primary-dark: #1976D2;
    --color-secondary: #4CAF50;
    --color-secondary-dark: #388E3C;
    --color-danger: #f44336;
    --color-danger-dark: #cc3333;
    --color-success: #44bb44;
    --color-success-dark: #339933;
    --color-warning: #ff9800;
    --color-text-primary: #333;
    --color-text-secondary: #666;
    --color-text-muted: #757575;
    --color-text-light: #999;
    --color-border: #ddd;
    --color-border-highlight: #89f094;
    --color-background: white;
    --color-background-light: #f5f5f5;
    --color-background-success: #d3f3d6;
    --color-background-danger: #ffecec;
    --color-shadow: rgba(0,0,0,0.1);
}