/* base.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Lora:wght@400;700&display=swap');

@font-face {
    font-family: 'Lora';
    src: url('/fonts/Lora-Regular.ttf') format('truetype');
  }

  @font-face {
    font-family: 'Onest';
    src: url('/fonts/Onest.ttf') format('truetype');
  }

:root {
  /* Fontes */
  --font-lora: 'Lora', serif;
  --font-inter: 'Inter', sans-serif;
  --font-onest: 'Onest', sans-serif;

  /* Cores */
  --azul-primario: #3A3C76;
  --azul-secundario: #5F8EB2;
  --azul-fonte: #222344;
  --preto: #151515;
  --branco-primario: #FAFAFA;
  --branco-secundario: #ffffff;
  --fundo-cinza: #DFDFEC;
  --cinza: #F3F3F7;

  /* Gradiente */
  --gradiente-1: linear-gradient(
    to bottom,
    #FAFAFA 0%,
    #F3F3F7 50%,
    #DFDFEC 100%
  );

  --gradiente-2: linear-gradient(
    to bottom,
    #F3F3F7 80%,
    #DFDFEC 100%
  );



}

body {
  font-family: var(--font-inter);
  background: var(--branco-primario);
  color: var(--preto);
  margin: 0;
  padding: 0;
}