:root {
    --color-primary: #7DA5CD;
    --color-primary-dark: #4B637B;
    --color-primary-800: #97B7D7;
    --color-primary-600: #B1C9E1;
    --color-primary-400: #D8E4F0;
    --color-primary-200: #E5EDF5;
    --color-primary-light: #F2F6FA;
    --color-danger: #F56E41;
    --color-danger-400: #F7C7B7;
    --color-danger-200: #FFE6DD;
    --color-danger-light: #FEF2EF;
    --color-success: #4FCA37;
    --color-success-200: #C9FFBF;
    --color-success-light: #effbec;
    --color-warning: #F59A22;
    --color-warning-200: #FFE3BE;
    --color-warning-light: #FBF3EC;
    --color-info: #4AA2F3;
    --color-info-200: #c0d9ff;
    --color-info-light: #EFF5FE;
    --color-gray-900: #2d2d2d;
    --color-gray-800: #4d4d4d;
    --color-gray-700: #6f6f6f;
    --color-gray-600: #909090;
    --color-gray-500: #b6b6b6;
    --color-gray-400: #dadada;
    --color-gray-300: #ececec;
    --color-gray-200: #f6f6f6;
    --color-gray-light: #f9f9f9;
    --color-white: #fff;
    --color-black: #000;
    --color-body: var(--color-primary-light);
    --color-font: #000;
    --color-header-bg: var(--color-primary);
    --color-header-text: var(--color-white);
    --color-header-text-hover: var(--color-primary-800);
    --color-footer-bg: var(--color-primary);
    --color-footer-text: var(--color-white);
    --color-shadow-primary: 0 4px 8px 0 rgba(43, 43, 43, 0.06);
    --color-shadow-secondary: 0 6px 12px 0 rgba(43, 43, 43, 0.1);
}