/* Sombras, desfoque, camadas e movimento */
:root {
  --shadow-float: 0 6px 20px rgba(30,51,45,.28);    /* botão "Voltar ao topo" */
  --shadow-drawer: -14px 0 40px rgba(30,51,45,.18); /* menu mobile */
  --shadow-hairline: inset 0 0 0 1px rgba(30,51,45,.14); /* bloco claro dentro de barra */
  --shadow-hairline-dark: inset 0 0 0 1px rgba(244,241,232,.28);
  --shadow-column: 0 0 0 1px rgba(30,51,45,.06);    /* borda da coluna de 1240px */
  --shadow-glass: 0 6px 24px rgba(30,51,45,.10);   /* caixa de vidro do topo do FAQ */
  --blur-nav: blur(12px); /* @kind other */
  --blur-glass: blur(10px); /* @kind other */
  --glass-bg: rgba(244,241,232,.72);
  /* Degradê que funde a foto do topo com o creme da página */
  --hero-fade: linear-gradient(180deg, rgba(244,241,232,0) 0%, rgba(244,241,232,0) 40%, rgba(244,241,232,.6) 56%, rgba(244,241,232,.92) 66%, #F4F1E8 80%); /* @kind other */

  --z-nav: 10; /* @kind other */
  --z-float: 20; /* @kind other */
  --z-sidebar: 25; /* @kind other */
  --z-overlay: 30; /* @kind other */
  --z-drawer: 40; /* @kind other */
  --z-confirm: 40; /* @kind other */   /* diálogo de confirmação do painel */
  --z-modal: 60; /* @kind other */     /* formulário "Envie sua dúvida" */
  --z-panel: 100; /* @kind other */    /* painel de edição aberto sobre a página */

  --ease-standard: cubic-bezier(.4, 0, .2, 1); /* @kind other */
  --ease-snappy: cubic-bezier(.32, .72, 0, 1); /* @kind other */  /* menus, barra lateral */
  --duration-fast: 200ms; /* @kind other */   /* véu do menu mobile */
  --duration-base: 240ms; /* @kind other */   /* gaveta mobile */
  --duration-slow: 320ms; /* @kind other */   /* barra lateral recolher/expandir */
  --stagger: 22ms; /* @kind other */          /* cascata dos textos do menu lateral */
  --duration-press: 90ms; /* @kind other */   /* resposta ao toque/clique */
  --press-transform: translateY(2px); /* @kind other */
  --press-filter: brightness(.92); /* @kind other */
  --duration-accordion: 320ms; /* @kind other */ /* abrir/fechar resposta do FAQ */
  --duration-step: 400ms; /* @kind other */   /* etapa da matrícula acendendo */
  --duration-slide: 900ms; /* @kind other */  /* troca de foto do carrossel */
  --slide-interval: 6000ms; /* @kind other */ /* tempo de cada foto */
  --scroll-min: 450ms; /* @kind other */      /* rolagem suave: 0,42 ms por px, entre 450 e 1100 ms */
  --scroll-max: 1100ms; /* @kind other */
}