/* Definizione delle variabili */
:root {
    /* Font Size */
    --font-size-2xs: 0.625rem;  /* 10px */  /* fa-2xs */
    --font-size-xs: 0.75rem;    /* 12px */  /* fa-xs */
    --font-size-sm: 0.875rem;   /* 14px */  /* fa-sm */
    --font-size-md: 1rem;       /* 16px */  /* fa normale */
    --font-size-lg: 1.125rem;   /* 18px */  
    --font-size-xl: 1.25rem;    /* 20px */  /* fa-lg */
    --font-size-2xl: 1.5rem;    /* 24px */  /* fa-xl */
    --font-size-3xl: 1.875rem;  /* 30px */  
    --font-size-4xl: 2.25rem;   /* 36px */
    --font-size-5xl: 3rem;      /* 48px */
    --font-size-6xl: 3.75rem;   /* 60px */
    --font-size-7xl: 4.5rem;    /* 72px */
    --font-size-8xl: 6rem;      /* 96px */
    --font-size-9xl: 8rem;      /* 128px */

    /* Font Family */
    --font-principale:  'Poppins', sans-serif;

    /* Testo */
    --font-size-testo: var(--font-size-xs);
    --font-size-card-title: var(--font-size-md);
    --font-size-list-title: var(--font-size-sm);
    --font-size-agenda-title: var(--font-size-lg);
    --font-size-esame-title: var(--font-size-xl);

    /* Line Height */
    --line-height: 1.5rem;

    /* Font Weight */
    --font-peso: normal;

    /* Colori */

    --colore-principale: #002B49;
    --colore-secondario: #006DB9;
    --colore-terziario: #B7E1FF;
    --pill-button-sottomenu: #B7E1FF66;
    --pill-button-sottomenu-active:var(--primary-600);
    --pill-button-sottomenu-hover:var(--primary-50);
    --margin-default: 0.5rem;
    --no-margin-mobile: 0rem;
    --background-default: #FFFFFF;
    --background-body: #F0F3F5;

    --bs-btn-bg: yellow !important;   

    --bg-voto-modale:#F3F5F7;

    /* tooltip */
    --icon-tooltip: var(--text-400);
    --icon-tooltip-hover: var(--text-500);

    /* background list */
    --background-list: var(--text-100);
    --background-list-hover: var(--text-200);

    /*sidebar*/
    --sidebar-background-color: #FFFFFF;
    --sidebar-width: 14rem;
    --sidebar-width-reduced: 5.25rem;
    --sidebar-bg-active: rgba(183, 225, 255, 0.5);
    

    /* border */

    --border-radius: 0.5rem; /*border radius usato da tutte le card*/
    --border-radius-list: 0.375rem; /*tutte le liste hanno questo border radius*/
    --border-radius-left: 0.5rem 0rem 0rem 0rem;/* border radus usato nel caso serva solo left vedi custom content*/
    --border-default: 1px solid var(--text-200); /* border che hanno tutti i componenti */
    --border-default-hover: 1px solid var(--text-300);
  
}