:root {
            /* Forest Colors */
            --color-forest-50: #f0f9f4;
            --color-forest-100: #daf1e4;
            --color-forest-200: #b8e3cb;
            --color-forest-300: #88ceaa;
            --color-forest-400: #56b385;
            --color-forest-500: #339867;
            --color-forest-600: #247a52;
            --color-forest-700: #1d6143;
            --color-forest-800: #194d36;
            --color-forest-900: #15402d;

            /* Ocean Colors */
            --color-ocean-50: #f0f9ff;
            --color-ocean-100: #e0f2fe;
            --color-ocean-200: #b9e5fe;
            --color-ocean-300: #7cd0fd;
            --color-ocean-400: #36b9fa;
            --color-ocean-500: #0c9feb;
            --color-ocean-600: #0180c9;
            --color-ocean-700: #0266a3;
            --color-ocean-800: #065686;
            --color-ocean-900: #0b476f;
            --font-color-a: #111;
    }

/* 
    ::-webkit-scrollbar {
            display: none;
    } */

    * {
            font-family: 'Vazirmatn', sans-serif;
    }

    body {
            position: relative;
            min-height: 100vh;
            background-color: var(--color-ocean-100);
            color: var(--font-color-a);
    }