*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, video { max-width: 100%; display: block; }

:root {
  /* Paleta IDV */
  --roxo:     #9146FF;
  --pdark:    #2D0B6B;
  --bk:       #141110;
  --w:        #FFFFFB;
  --verde:    #7BF07F;
  --pervinca: #CCC1FF;
  --gd:       #1E1C18;
  --gm:       #96938A;
  --gl:       #EDEBE3;

  /* Radii */
  --rL: 1.5rem;
  --rB: .5rem;

  /* Espaçamento */
  --space-xs:  .25rem;
  --space-sm:  .5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  3.5rem;
  --space-2xl: 6rem;

  /* Container */
  --container-max: 1200px;
  --container-pad: clamp(1rem, 4vw, 2.5rem);

  /* Transições */
  --ease: 220ms ease;
}

@media (max-width: 768px) {
  :root {
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;
  }
}