/* ============================================
   NAURA — VARIABLES GLOBALES
   Colores, tipografías, tamaños y espaciados
   ============================================ */


/* ============================================
   TIPOGRAFÍA LOCAL
   ============================================ */

@font-face {
  font-family: 'TAN Pearl';
  src: url('../fonts/TAN-Pearl-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* ============================================
   VARIABLES DE DISEÑO
   ============================================ */

:root {

  /* ------------------------------------------
     COLORES
     ------------------------------------------ */

  --color-fondo: #d2e3b2;
  --color-verde1: #d2e3b2;
  --color-verde: #6E8574;
  --color-bordo: #732d1d;
  --color-blanco: #FFFFFF;


  /* ------------------------------------------
     TIPOGRAFÍAS
     ------------------------------------------ */

  --fuente-marca: 'TAN Pearl', 'Fraunces', serif;
  --fuente-titulo: 'Fraunces', serif;
  --fuente-texto: 'Fraunces', serif;


  /* ------------------------------------------
     TAMAÑOS DE FUENTE
     ------------------------------------------ */

  --tamano-logo: 3rem;
  --tamano-titulo: 2rem;
  --tamano-subtitulo: 1.25rem;
  --tamano-texto: 1rem;
  --tamano-pequeno: 0.85rem;


  /* ------------------------------------------
     ESPACIADO
     ------------------------------------------ */

  --espacio-xs: 0.5rem;
  --espacio-sm: 1rem;
  --espacio-md: 2rem;
  --espacio-lg: 4rem;
  --espacio-xl: 6rem;


  /* ------------------------------------------
     BORDES
     ------------------------------------------ */

  --radio-borde: 8px;
  --radio-borde-chico: 4px;


  /* ------------------------------------------
     ESPACIADO ENTRE LETRAS
     ------------------------------------------ */

  --espaciado-letras: 0.15em;

}