:root {
    /* Typography */
    /* No px rem etc values should be written next to the values */
    --h1-min: 32; /* 375px deki boyut */
    --h1-max: 56; /* 1440px deki boyut */

    --h2-min: 24; /* 375px deki boyut */
    --h2-max: 48; /* 1440px deki boyut */

    --h3-min: 20; /* 375px deki boyut */
    --h3-max: 40; /* 1440px deki boyut */

    --h4-min: 18; /* 375px deki boyut */
    --h4-max: 32; /* 1440px deki boyut */

    --h5-min: 18; /* 375px deki boyut */
    --h5-max: 28; /* 1440px deki boyut */

    --h6-min: 16; /* 375px deki boyut */
    --h6-max: 24; /* 1440px deki boyut */

    --p-min: 16; /* 375px deki boyut */
    --p-max: 18; /* 1440px deki boyut */

    --li-min: 16; /* 375px deki boyut */
    --li-max: 18; /* 1440px deki boyut */
    /* White */
    --white: #FFFFFF;
    --white-50: #F5F5F5;
    --white-400: #F0EDED;
    --white-500: #A6A6A6;
    --white-600: #E8E8E8;
    --white-700: #B5B5B5;
    --white-800: #8C8C8C;
    --white-900: #6B6B6B;
    /* Black */
    --black: #000000;
    --black-100: #B0B0B0;
    --black-200: #8A8A8A;
    --black-300: #545454;
    --black-400: #333333;
    --black-500: #9DA1A5;
    /* Main */
    --theme-1-50: #E6F6F8;
    --theme-1-100: #B3E3E8;
    --theme-1-200: #80CFD9;
    --theme-1-300: #4DBBC9;
    --theme-1-400: #26A9BA;
    --theme-1-500: #009BA8; /* Referans renk */
    --theme-1-700: #008895;
    --theme-1-800: #007885;
    --theme-1-900: #00636D;
    --theme-1-950: #004D55;
    /* Red */
    --theme-2-50: #FEEFF5;
    --theme-2-100: #FDCDE1;
    --theme-2-300: #d1276f;
    --theme-2-500: #F85E9F;
    --theme-2-700: #B04371;
    --theme-2-800: #FF0000;
    --theme-2-900: #CD0027;
    /* Green */
    --theme-3-50: #EDFCF4;
    --theme-3-100: #C6F4DD;
    --theme-3-300: #34E0A1;
    --theme-3-500: #EC7E38;
    --theme-3-600: #329D68;
    --theme-3-700: #277A50;
    --theme-3-800: #1D5D3D;
    /* Blue */
    --theme-4-50: #E9EBF1;
    --theme-4-100: #BBC2D5;
    --theme-4-400: #516192;
    --theme-4-500: #253A77;
    --theme-4-700: #1A2954;
    --theme-4-800: #3E3E59;
    --theme-4-900: #091127;
    --flag-url: url(../image/static/flags.webp);
    /* turquise */
    --theme-5-50: #E6F6F8;
    --theme-5-100: #B3E3E8;
    --theme-5-500: #009BA8;
    /* range */
    --range-2: 50px;
    --range-3: 8px;
    --range-4: 20px;
    --range-5: 120px;
    --whatsapp: #25D366;
    /* ai */
    --perplexity: #298290;
    --claude: #cc6642;
    --gemini: #1f2024;
}