/* Base styles */
:root {
    --font-size-base: 16px;
    --font-size-primary: 18px;
    --font-size-secondary: 14px;
    --font-size-tertiary: 12px;
    --font-weight-base: 400;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --text-primary: #151720;
    --text-secondary: #113D4F;
    --text-tertiary: rgba(0, 0, 0, 0.55);
    --text-white: #fff;
    --text-black: #000;
    --bg-primary: #113D4F;
    --bg-secondary: rgba(231, 236, 237, 0.30);
    --bg-tertiary: rgba(231, 236, 237);
    --bg-white: #fff;
    --border-primary: #E7ECED;
    --border-secondary: #113D4F;
}

@media (max-width: 1024px) {
    :root {
        --font-size-base: 15px;
        --font-size-primary: 17px;
        --font-size-secondary: 13px;
        --font-size-tertiary: 11px;
    }
}

@media (max-width: 768px) {
    :root {
        --font-size-base: 14px;
        --font-size-primary: 16px;
        --font-size-secondary: 12px;
        --font-size-tertiary: 10px;
    }
}

@media (max-width: 480px) {
    :root {
        --font-size-base: 13px;
        --font-size-primary: 15px;
        --font-size-secondary: 11px;
        --font-size-tertiary: 9px;
    }
}