:root {
    --color-primary: #3b82f6;
    --color-secondary: #6b7280;
    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-warning: #ffffff;
    --color-info: #06b6d4;
    --color-navbar-start: #7c3aed;
    --color-navbar-end: #3b82f6;
    --color-hero-start: #7c3aed;
    --color-hero-end: #3b82f6;
    --color-card-blue: #f0f7ff;
    --color-card-pink: #fef3f2;
    --color-card-green: #f0fdf4;
}