@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /* BB NEW DS */
    /* Marketing */
    /* color */
    --indicator: #9747ff;
    --color-blanco: #ffffff;
    --color-disabled: #f4f8f9;
    --color-outline: #ced4da;
    --color-outline-variant: #dee3e3;
    --color-background-body: #edeef3;
    --gradient-dark-gradient: #072c2a;
    --gradient-dark-gradient-overlay-0: #1b525500;
    --gradient-dark-gradient-overlay-100: #1b5255;
    --gradient-primario-gradient-0: #199e8f00;
    --icons-disabled: #a6a6a6;
    --icons-primary: #212529;
    --icons-secondary: #494a52;
    --icons-tertiary: #6c757d;
    --primario-primario: #008392;
    --primario-primario-dark: #005d68;
    --primario-variante-1: #339ca8;
    --primario-variante-2: #8ac6cd;
    --primario-variante-3: #c0e0e4;
    --primario-variante-4: #e0f0f2;
    --primario-variante-5: #ebf5f6;
    --primario-bg-interactive-card: #e9f2f2;
    --states-error-background: #fbebe9;
    --states-error-border: #f1aea9;
    --states-error-primary: #db3528;
    --states-info-background: #dbeafe;
    --states-info-border: #93c5fd;
    --states-info-primary: #3b82f6;
    --states-success-background: #e2f5e8;
    --states-success-border: #a4d4ad;
    --states-success-primary: #128724;
    --states-warning-background: #ffedd5;
    --states-warning-border: #fdba74;
    --states-warning-primary: #f97316;
    --texto-disabled: #a6a6a6;
    --texto-primario: #212529;
    --texto-secundario: #495057;
    --texto-terciario: #6c757d;
    /* number */
    --corner-radius-8px: 8px;
    --corner-radius-12px: 12px;
    --corner-radius-16px: 16px;
    --corner-radius-24px: 24px;
    --corner-radius-36px: 36px;
    --spacing-none: 0px;
    --spacing-4px: 4px;
    --spacing-8px: 8px;
    --spacing-12px: 12px;
    --spacing-16px: 16px;
    --spacing-20px: 20px;
    --spacing-24px: 24px;
    --spacing-28px: 28px;
    --spacing-32px: 32px;
    --spacing-36px: 36px;
    --spacing-40px: 40px;
    --spacing-44px: 44px;
    --spacing-48px: 48px;
    --spacing-52px: 52px;
    --spacing-56px: 56px;
    --spacing-60px: 60px;
    --spacing-64px: 64px;
    --spacing-68px: 68px;
    --spacing-72px: 72px;
    /* border */
    --radius-none: 0px;
    --radius-container: 12px;
    --radius-dialog: 16px;
    --radius-circle: 999px;
    --radius-component-none: 0px;
    --radius-component-focus: 4px;
    --radius-component-default: 8px;
    --width-default: 1px;
    --width-active: 2px;
    /*Typografia*/
    --lexend: 'Lexend', sans-serif;
    --roboto: 'Roboto', sans-serif;
    --outfit: 'Outfit', sans-serif;
    --urbanist: 'Urbanist', sans-serif;
    /*Var propias*/
    --btn-text-link: var(--primario-primario);
    --title-1: #000;
    --title-2: #43444C;
    --sub-title-1: #00000069;
    --color-bankard: #233165;
    --flowkit-white: #fff;
    --btn-text: #424242;
    --color-review-visible: #005C6B;
    --color-primario: var(--primario-primario);
    --background-1: #F7F7F7;
    --background-2: #F9F9F9;
    --background-3: #EBEBEB;
    --background-4: #ECEFF1;
    --background-5: #D9D9D9;
    --color-txt-1: #006576;
    --general-colors-paragraph: #4D525F;
    --general-colors-dark: #01081B;
    --primario-primario-bk: #003D6D;
    --color-border-variante-1: #B8ECE6;
    --material-theme-sys-light-disabled-container: #F3F3F3;
    --background-hover-secondary: #E4F3F4;
    --texto-variante-bk: #00234A;
    --max-width: 1280px;
    --spacing-spacing-xxl: 24px;
}