:root {
    --color-primary: #2AC8BB;
    --background-color-primary: #2AC8BB;
    --color-primary-light: #d9f4f1;
    --color-primary-dark: #056839;
    --color-secondary: #0985F6;
    --color-secondary-dark: #0c567e;
    --color-secondary-light: #3a62af;
    --color-success: #28a745;
    --color-info: #0985F6;
    --color-warning: #ffc107;
    --color-danger: #FF2626;
    --color-light: #dee7f2;
    --color-dark: #1f465e;
    /* --color-dark: #02032B; */
    --color-black: #000;
    --color-white: #fff;
    --color-default: #444863;
    /* --color-aqua: #2ac8bb; */
    /* --color-blue: #0985f6;
    --color-blue-100: #4faafe;
    --color-blue-200: #3a62af; */
    --color-gray: #A1A3B1;
    --color-gray-100: #B2B2B2;
    --color-gray-200: #859AC1;
    --color-gray-300: #444863;
    --color-border: #666;
    --color-gradient: linear-gradient(#1b93bc 0%, #2acb9e 100%);
    --fw-light: 100;
    --fw-normal: 300;
    --fw-medium: 500;
    --fw-bold: 600;
    --typo-s: 18px;
    --typo-s-footer: 20px;
    --typo-xs: 22px;
    --typo-sm: 26px;
    --typo-default: 30px;
    --typo-md: 36px;
    --typo-lg: 45px;
    --typo-xl: 60px;
    --rounded-sm: 8px;
    --rounded: 15px;
    --box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    --box-shadow-100: 0px 3px 20px rgba(167, 198, 255, 0.3);
}

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

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

.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-gray {
    color: var(--color-gray) !important;
}

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

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

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

.text-blue {
    color: var(--color-secondary-light) !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-xs {
    font-size: var(--typo-xs);
}

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

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

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

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

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

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

.bg-button-primary {
    background-color: var(--color-primary) !important;
}