/* Ovello Eyewear — gerado a partir de tokens.json. Não editar à mão. */
:root {
  --linho: #f2ece1;
  --areia: #e4d9c6;
  --garrafa: #1e3a2f;
  --marinho: #17253a;
  --tartaruga: #8b5122;
  --pedra: #525a63;
  --linha: #cdbfa8;
  --sobre-escuro: var(--linho);
  --font-serif: Gloock, Didot, "Bodoni 72", Georgia, serif;
  --font-sans: Jost, Futura, "Century Gothic", sans-serif;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --radius-0: 0px;
  --radius-full: 9999px;
}

@font-face { font-family: "Gloock"; src: url("fonts/Gloock-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/Jost-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/Jost-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

.display { font-family: var(--font-serif); font-size: 56px; line-height: 60px; font-weight: 400; letter-spacing: 0em; }
.titulo { font-family: var(--font-serif); font-size: 36px; line-height: 42px; font-weight: 400; letter-spacing: 0em; }
.subtitulo { font-family: var(--font-serif); font-size: 24px; line-height: 30px; font-weight: 400; letter-spacing: 0em; }
.corpo { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.corpo-pequeno { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.rotulo { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; }
.botao { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; }