/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

:root {
    --theme-font-family: 'Roboto', sans-serif;
    /*NAVBAR COLORS*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #D43572;
    /*Background button active sidenav*/
    --ob-nav-list-active-bg-color: #f2c2d5;
    /*color-theme*/
    --theme-primary-50: #fae7ee;
    --theme-primary-100: #f2c2d5;
    --theme-primary-200: #ea9ab9;
    --theme-primary-300: #e1729c;
    --theme-primary-400: #da5387;
    --theme-primary-500: #D43572;
    --theme-primary-600: #cf306a;
    --theme-primary-700: #c9285f;
    --theme-primary-800: #c32255;
    --theme-primary-900: #b91642;
    --theme-primary-A100: #fffeff;
    --theme-primary-A200: #ffcbe0;
    --theme-primary-A400: #ff98c1;
    --theme-primary-A700: #ff7fb2;

    --theme-primary-contrast-50: #1b1b1b;
    --theme-primary-contrast-100: #1b1b1b;
    --theme-primary-contrast-200: #1b1b1b;
    --theme-primary-contrast-300: #1b1b1b;
    --theme-primary-contrast-400: #1b1b1b;
    --theme-primary-contrast-500: #1b1b1b;
    --theme-primary-contrast-600: #ffffff;
    --theme-primary-contrast-700: #FFFFFF;
    --theme-primary-contrast-800: #FFFFFF;
    --theme-primary-contrast-900: #ffffff;
    --theme-primary-contrast-A100: #1b1b1b;
    --theme-primary-contrast-A200: #1b1b1b;
    --theme-primary-contrast-A400: #1b1b1b;
    --theme-primary-contrast-A700: #1b1b1b;
}