:root {
    --backgound-color: #f6f6f6;
    --main-color: #3f94d0;
    --secondary-color:#ff6224;
    --text-color:#474848;


    --gray-color:#838485;
    --gray2-color:#302d2d;
    --gray3-color:#e3e3e3;
    --gray4-color:#606060;
    --gray5-color:#f7f7f7;
    --gray6-color:#b6b6b6;
    --gray7-color:#ebeef5;
    --blue-color: #111a36;
    --blue2-color:#0e1531;

    --sky-color:#79c2e5;
    --lightblue-color:#5fa9e5;

    --text-gray: var(--gray-color); ;
    --text-gray2: var(--gray2-color); 
    --text-header: var(--gray4-color);

    --vr-color: var(--gray3-color);

    --bg-top: #8fcaf6;
    --bg-bottom: #cfeffd;
    --accent: #ffb049; 
    --text-shadow: 0 6px 10px rgba(0,0,0,0.18);

    --primary-color: #007bff;
    --accent-color: #ffc107;
    --dark-color: #343a40;
    --light-color: #f8f9fa;
    --shadow-light: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-medium: 0 4px 8px rgba(0,0,0,0.15);
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;


    --shadow-light: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-medium: 0 4px 8px rgba(0,0,0,0.15);
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;
}