:root {
    /* 6 Main Theme Colors */
    --color-1: #f0fcfe;
    --color-2: #e0f7fa;
    --color-3: #b2ebf2;
    --color-4: #4dd0e1;
    --color-5: #26c6da;
    --color-6: #006064;

    /* Text */
    --text-color: #263238;

    --transition-fast: 0.15s;
    --transition-normal: 0.3s;
    --transition-slow: 0.6s;

    --font-size-small: 12px;
    --font-size-medium: 14px;
    --font-size-large: 16px;
    --font-size-extra-large: 18px;
    --font-size-extra-large-title: 40px;


    --icon-size-small: 20px;
    --icon-size-medium: 24px;
    --icon-size-large: 28px;
    --icon-size-extra-large: 36px;

    --navbar-text-transformation: capitalize;
    /* width */
    --max-width: 100%;

    /* Card Styles */
    --card-border-radius: 16px;


}

@media (max-width: 1050px) {
    :root {
        --font-size-small: 10px;
        --font-size-medium: 12px;
        --font-size-large: 14px;
        --font-size-extra-large: 16px;
        --font-size-extra-large-title: 30px;

        --icon-size-small: 18px;
        --icon-size-medium: 22px;
        --icon-size-large: 24px;
    }
}