/* Tipografias */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;0,600;0,700;0,900;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300&display=swap');

/* Tailwind CSS import */
/* @import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities"; */

:root {

  font-family: 'Raleway', sans-serif;

  /* Corporativos */
    /* Logotipo TIPSA */
    /* botones naranja */
    --coorp-tipsa: #fe5000;
    --coorp-tipsa-rgb: 254, 80, 0;
    --second-coorp-tipsa: #001a70;
    --second-coorp-tipsa-rgb: 0, 26, 112;

  /* Colores generales */
    /* Blanco */
    --white: #ffffff;
    /* Negro */
    --black: #1a1c29;
    /* Gris */
    --grey: #a2a3b7;

  /* Menú */
    /* Botones no seleccionados */
    --sidebar-button-bg: #2a3042;
    /* Botón seleccionado */
    --sidebar-button-bg-hover: var(--black);
    /* Texto o icono sin marcar/seleccionar */
    --menu-text: var(--grey);
    /* Texto o icono marcado/seleccionado */
    --menu-text-hover: var(--white);
    /* Notificación */
    --notification: #02abfe;

  /* Fondos */
    /* Fondo Principal */
    --main-bg:var(--white);
    /* Fondo secundario */
    --sec-bg:#eef2f5;

  /* Buttons by bootstrap definition */

  --primary: rgba(119, 165, 196, 1);
  --secondary: rgba(123, 137, 140, 1);
  --error: rgba(6, 126, 207, 1);
  --success: #009070;
  --warning: #D1A238;

  /* THEME Buttons */

  /* Blue button  */
  --btn-theme-primary: rgba(var(--second-coorp-tipsa-rgb), 0.8);
  --btn-theme-primary-hover: rgba(var(--second-coorp-tipsa-rgb), 1);

  /* tailwind Format */

	--bs-body-font-size:0.9rem;
}