:root {
    --color-green: #38aa34;
    --color-green-dimmed: #7ebca2;
    --color-green-dimmed-semi-transparent: #7ebca282;
    --color-dark-green: #2a8127;
    --color-darkest-green: #1e5b1c;
    --color-blue: #008bd2;
    --color-blue-dimmed: #62b0d6;
    --color-dark-blue: #016394;
    --color-darkest-blue: #003d5b;
    --color-gray: #c4c4c4;
    --color-light-gray: #f2f2f2;
    --color-dark-gray: #7b7b7b;
    --color-darkest-gray: #333333;
    --color-black: #333333;
    --color-real-black: #000000;
    --color-white: #ffffff;
    --gradient: linear-gradient(80deg, var(--color-green) 0%, var(--color-green-dimmed) 100%);
    --gradient-reverse: linear-gradient(80deg, var(--color-green-dimmed) 0%, var(--color-green) 100%);

    --box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.25);
    --drop-shadow: 0px 4px 2px rgba(0, 0, 0, 0.25);
    --box-shadow-deep: 0px 7px 10px var(--color-real-black);

    --font-size: 18px;

    --font-size-1: 64px;
    --font-size-2: 36px;
    --font-size-3: 24px;
    --font-size-4: 20px;
    --font-size-5: 18px; /* defult */
    --font-size-6: 16px;
    --font-size-7: 14px;
    --font-size-8: 12px;

    --font-size-md-1: 36px;
    --font-size-md-2: 28px;
    --font-size-md-3: 22px;
    --font-size-md-4: 20px;
    --font-size-md-5: 18px; /* defult */
    --font-size-md-6: 16px;
    --font-size-md-7: 14px;
    --font-size-md-8: 12px;

    --font-size-sm-1: 26px;
    --font-size-sm-2: 24px;
    --font-size-sm-3: 18px;
    --font-size-sm-4: 18px;
    --font-size-sm-5: 18px; /* defult */
    --font-size-sm-6: 16px;
    --font-size-sm-7: 14px;
    --font-size-sm-8: 12px;
}

:root {
    --bs-body-font-family: "Inter";
    --bs-body-font-size: var(--font-size);
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.35;
    --bs-body-color: var(--color-black);
    --bs-body-bg: var(--color-light-gray);
    --bs-blue: var(--color-blue);
    --bs-cyan: var(--color-cyan);
    --bs-white: var(--color-white);
    --bs-green: var(--color-green);
    --bs-gray: var(--color-gray);
    --bs-gray-dark: var(--color-dark-gray);
    --bs-primary: var(--color-green);
    --bs-secondary: var(--color-dark-gray);
    /* --bs-success: #198754; */
    --bs-success: var(--bs-green);
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: var(--color-black);
}