:root {
    --color-bg-light-start: #eeeeee;
    --color-bg-light-end: #3f1d3066;
    --background--main: linear-gradient(to right, #ffffff, #301e3d3d);
    --color-text-primary: #333;
    --color-text-secondary: #666;
    --color-text-muted: #858585;
    --color-primary: #e3bcfe;
    --color-primary-hover: #e9ecef;
    --color-secondary: #4b3f53;
    --color-white: #fff;
    --color-black: #311d3fa6;
    --color-gray-light: #eee;
    --color-gray-border: #e5e5e5;
    --color-gray-shadow: rgba(0, 0, 0, 0.1);
    --color-header-contact: #ccc;
    --color-header-contact-hover: #fff;
    --color-divider: #666;
    --color-bg-light: #f8f9fa;
    --color-bg-white: #b4a7af8c;
    --color-text-dark: #212529;
    --color-text-secondary: #6c757d;
    --color-shadow-light: rgba(0, 0, 0, 0.05);
    --color-shadow-medium: rgba(0, 0, 0, 0.1);
    --color-bg-light: #f8f9fa;
    --color-border-light: #e5e5e5;
    --color-shadow-light: rgba(0, 0, 0, 0.03);
    --color-shadow-medium: rgba(0, 0, 0, 0.1);
    --color-text-dark: #212529;
    --color-text-dark-alt: #1e1e1e;
    --color-text-medium: #555;
    --color-text-secondary: #666;
    --color-primary: #311d3f;
    --color-primary-hover-dark: #af235e;
    --color-text-link-hover: #f13b87;
}