:root {
    --color-primary: #05AFAE;
    --color-primary-light: #E5F7F7;
    --color-secondary: #F7C52A;
    --color-secondary-light: #FDEEBE;
    --color-success: #28a745;
    --color-info: #0985F6;
    --color-warning: #ffc107;
    --color-danger: #FF2626;
    --color-black: #000;
    --color-white: #fff;
    --color-default: #151E2D;
    --color-gray: #9197A3;
    --color-gray-100: #D4D9DF;
    --color-gray-200: #F7F8FA;
    --color-border: #D4D9DF;
    --fw-normal: normal;
    --fw-medium: 500;
    --fw-bold: bold;
    --typo-xxs: 22px;
    --typo-s: 22px;
    --typo-xs: 24px;
    --typo-sm: 28px;
    --typo-default: 32px;
    --typo-md: 38px;
    /* --typo-md-calendar: 32px; */
    --typo-lg: 48px;
    --typo-xl: 64px;
    --rounded-xs: 4px;
    --rounded: 8px;
    --rounded-circle: 50%;
    --box-shadow: 0 16px 30px rgba(0, 0, 0, 0.16);
    --box-shadow-100: 0px 16px 30px rgba(146, 146, 146, 0.16);
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}

.text-success {
    color: var(--color-success) !important;
}

.text-info {
    color: var(--color-info) !important;
}

.text-warning {
    color: var(--color-warning) !important;
}

.text-danger {
    color: var(--color-danger) !important;
}

.text-default {
    color: var(--color-default) !important;
}

.text-gray {
    color: var(--color-gray) !important;
}

.fw-normal {
    font-weight: var(--fw-normal);
}

.fw-medium {
    font-weight: var(--fw-medium);
}

.fw-bold {
    font-weight: var(--fw-bold);
}

.typo-s {
    font-size: var(--typo-s);
}

.typo-xxs {
    font-size: var(--typo-xxs);
}

.typo-xs {
    font-size: var(--typo-xs);
}

.typo-sm {
    font-size: var(--typo-sm);
}

.typo-default {
    font-size: var(--typo-default);
}

.typo-md {
    font-size: var(--typo-md);
}

.typo-lg {
    font-size: var(--typo-lg);
}

.typo-xl {
    font-size: var(--typo-xl);
}

.typo-md-calendar {
    font-size: var(--typo-md-calendar);
}