/* HVITORIA Digital
   Conceito de layout: página editorial em uma coluna larga, com tipografia condensada
   em grande escala (eco das letras da logo), acentos em serifa itálica e blocos de cor
   chapada que alternam entre roxo profundo e lavanda. O quadrado do ponto final da logo
   vira o sinal gráfico recorrente. */
:root {
  color-scheme: light;

  /* Cor: extraída da logo */
  --ink: #14071d;
  --plum: #230938;
  --deep: #3d0b61;
  --brand: #710da9;
  --violet: #9b45e4;
  --lilac: #c9a2f5;
  --lavender: #ebdafb;
  --mist: #f8f2fd;
  --paper: #fdfbff;
  --white: #ffffff;

  --on-dark: #f6eefd;
  --on-dark-soft: rgba(246, 238, 253, 0.74);
  --on-light-soft: #54406a;
  --line-dark: rgba(246, 238, 253, 0.2);
  --line-light: rgba(113, 13, 169, 0.2);
  --error: #a3123f;

  /* Tipografia */
  --font-display: "Archivo", "Arial Narrow", "Roboto Condensed", "HelveticaNeue-CondensedBold", Impact, sans-serif;
  --font-serif: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --fs-hero: 15.2vw;
  --fs-h2: clamp(2.7rem, 11.4vw, 4.4rem);
  --fs-h3: clamp(2.5rem, 10.5vw, 4rem);
  --fs-lead: clamp(1.08rem, 1.25vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.82rem;

  /* Espaço */
  --gutter: clamp(20px, 4.4vw, 64px);
  --wrap: 1360px;
  --section: clamp(84px, 11vw, 168px);
  --header-h: 72px;

  /* Movimento */
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 700px) {
  :root {
    --fs-hero: min(11vw, 10rem);
    --fs-h2: clamp(3.6rem, 7.6vw, 7rem);
    --fs-h3: clamp(3.2rem, 5.6vw, 5.2rem);
  }
}