/* VARIABLES */
:root {
  /* Breakpoints */
  --mobile: only screen and (max-width: 479px);
  --tablet: only screen and (min-width: 480px);
  --desktop: only screen and (min-width: 770px);
  --desktop-xl: only screen and (min-width: 1025px);

  /* Colors primary */
  --green-dark: #104D2D;
  --green: #286E3C;
  --green-light: #188833;
  --green-mint: #EFF7F1;

  --black: #000000;
  --white: #ffffff;

  /* Colors accent */
  --orange: #EC6C07;
  --lime: #C5E99B;
  --purple: #91416E;
  --purple-light: #F4ECF0;

  /* Colors secondary */
  --sand-dark: #D2BC96;
  --sand: #EDE4D5;
  --sand-light: #F9F8F5;
  --earth-dark: #4A4235;
  --earth: #716453;
  --earth-light: #938469;

  /* Colors system */
  --alert: #C3453A;
  --alert-light: #FBF2F1;
  --gray-dark: #777777;
  --gray: #B6B6B6;
  --gray-light: #F1F1F1;

  /* Fonts */
  --roboto: "Roboto Condensed", Arial;
  --georgia: Georgia, "Times New Roman";

  /* Breakpoints */
  --tablet: 770px;
  --desktop: 1025px;
}