/* Regular */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Italic */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Bold Italic */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

:root {
  --primary-bg:       #CCE6E6;
  --primary-soft:     #E6F3F3;
  --primary-light:    #4BBCB6;
  --primary:          #008380;
  --primary-dark:     #006966;
  --primary-rgb:       0, 131, 128;
  --primary-heading:  #2B7E5C;
  --primary-heading-rgb: 43, 126, 92;

  --accent-olive:        #668D29;
  --accent-olive-light:  #C0DB8B;
  --accent-orange:       #FFA15A;
  --accent-orange-light: #FFBB8F;
  --accent-orange-dark:  #F97316;
  --govbr:               #1351B4;
  --govbr-rgb:            19, 81, 180;

  --secondary-bg:     #E5DFE5;
  --secondary-light:  #AA8BAA;
  --secondary:        #7B5E7B;
  --secondary-dark:   #4E344F;
  --secondary-rgb:     123, 94, 123;
  --secondary-dark-rgb: 78, 52, 79;

  --tertiary-bg:      #F8E5DC;
  --tertiary-light:   #EBA37C;
  --tertiary:         #BD5823;
  --tertiary-dark:    #843B15;

  --quaternary-bg:    #D0E5F1;
  --quaternary-light: #5DABED;
  --quaternary:       #167CBA;
  --quaternary-dark:  #00508A;
  --quaternary-rgb:    22, 124, 186;

  --disabled-bg:      #e3e3e3;
  --disabled-light:   #a2a2a2;
  --disabled:         #737373;
  --disabled-dark:    #484848;

  --white:            #fff;
  --gray-25:          #F9F9F9;
  --gray-50:          #F2F2F2;
  --gray-100:         #E6E6E6;
  --gray-200:         #CCCCCC;
  --gray-400:         #999999;
  --gray-500:         #757575;
  --gray-600:         #666666;
  --gray-800:         #333333;

  --info-bg:          #DAE1F1;
  --info-light:       #7998EB;
  --info:             #446AB8;
  --info-dark:        #004088;
  --info-rgb:          68, 106, 184;

  --error-bg:        #F8D7DA;
  --error-light:     #FF6B70;
  --error:           #DC3545;
  --error-dark:      #A3001E;
  --error-rgb:        220, 53, 69;

  --success-bg:      #D1E7DA;
  --success-light:   #52B671;
  --success:         #178545;
  --success-dark:    #00571C;
  --success-rgb:      23, 133, 69;

  --warning-bg:      #FFF3CD;
  --warning-light:   #FFF350;
  --warning:         #FFC107;
  --warning-dark:    #946900;
  --warning-rgb:      255, 193, 7;

  --background-color: #ECEFF1;

  --font-family:     "Lato", sans-serif;
  --border-radius:   4px;
  --box-shadow:      0 2px 4px 1px rgb(0 0 0 / 4%);

  /*  Componentes */
  --side-menu-width: 70px;
  --side-menu-position: sticky;
  --header-height:   69px;
  --content-padding: 5rem;
}