:root {
       --color-white: #f9fafb; 
       --color-primary-log:#385073;

       --color-gray-50: #f9fafb;
       --color-gray-100: #f3f4f6;
       --color-gray-200: #e5e7eb;
       --color-gray-300: #d1d5db;
       --color-gray-400: #9ca3af;
       --color-gray-500: #6b7280;
       --color-gray-600: #4b5563;
       --color-gray-700: #374151;
       --color-gray-800: #1f2937;
       --color-gray-900: #111827;

       --color-teal-50: #f0fdfa;
       --color-teal-100: #ccfbf1;
       --color-teal-200: #99f6e4;
       --color-teal-300: #5eead4;
       --color-teal-400: #2dd4bf;
       --color-teal-500: #14b8a6;
       --color-teal-600: #0d9488;
       --color-teal-700: #0f766e;
       --color-teal-800: #115e59;
       --color-teal-900: #134e4a;

       --color-blue-50: #eef1ff;
       --color-blue-100: #dce1ff;
       --color-blue-200: #c5cfff;
       --color-blue-300: #b4c1ff;
       --color-blue-400: #9fa9f7;
       --color-blue-500: #8696f1;
       --color-blue-600: #3a71c7;
       --color-blue-700: #385073;
       --color-blue-800: #204392;
       --color-blue-900: #002770;

       --color-sky-50: #f0f9ff;
       --color-sky-100: #e0f2fe;
       --color-sky-200: #bae6fd;
       --color-sky-300: #7dd3fc;
       --color-sky-400: #38bdf8;
       --color-sky-500: #0ea5e9;
       --color-sky-600: #0284c7;
       --color-sky-700: #0369a1;
       --color-sky-800: #075985;
       --color-sky-900: #0c4a6e;

       --color-green-50: #f0fdf4;
       --color-green-100: #dcfce7;
       --color-green-200: #bbf7d0;
       --color-green-300: #86efac;
       --color-green-400: #4ade80;
       --color-green-500: #22c55e;
       --color-green-600: #16a34a;
       --color-green-700: #15803d;
       --color-green-800: #166534;
       --color-green-900: #14532d;

       --color-red-50: #fef2f2;
       --color-red-100: #fee2e2;
       --color-red-200: #fecaca;
       --color-red-300: #fca5a5;
       --color-red-400: #f87171;
       --color-red-500: #ef4444;
       --color-red-600: #dc2626;
       --color-red-700: #b91c1c;
       --color-red-800: #991b1b;
       --color-red-900: #7f1d1d;

       --color-orange-50: #fff7ed;
       --color-orange-100: #ffedd5;
       --color-orange-200: #fed7aa;
       --color-orange-300: #fdba74;
       --color-orange-400: #fb923c;
       --color-orange-500: #f97316;
       --color-orange-600: #ea580c;
       --color-orange-700: #c2410c;
       --color-orange-800: #9a3412;
       --color-orange-900: #7c2d12;

       --color-purple-50: #faf5ff;
       --color-purple-100: #f3e8ff;
       --color-purple-200: #e9d5ff;
       --color-purple-300: #d8b4fe;
       --color-purple-400: #c084fc;
       --color-purple-500: #a855f7;
       --color-purple-600: #9333ea;
       --color-purple-700: #7e22ce;
       --color-purple-800: #6b21a8;
       --color-purple-900: #4c1d95;

       --color-skyblue-50: #f0f9ff;
       --color-skyblue-100: #e0f2fe;
       --color-skyblue-200: #bae6fd;
       --color-skyblue-300: #7dd3fc;
       --color-skyblue-400: #38bdf8;
       --color-skyblue-500: #0ea5e9;
       --color-skyblue-600: #0284c7;
       --color-skyblue-700: #0369a1;
       --color-skyblue-800: #075985;
       --color-skyblue-900: #0c4a6e;


       --color-black: #000000;

       --color-skyblue-dark: #2c373d;
       --color-purple-dark: #393243;
       --color-orange-dark: #3c2117;
       --color-red-dark: #341919;
       --color-green-dark: #1c3425;
       --color-sky-dark: #27333a;
       --color-blue-dark: #202b3e;
       --color-teal-dark: #233433;
       --color-gray-dark:#353c48;

}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    
}


body.dark .bg-logotype{
       background-color: var(--color-primary-log) !important;
}

@media(max-width:900px) {
body {
   
    /* margin: 0 auto; */
    max-width: 97%;
    padding: 0px 0px 0px 10px;  
  
}

}