/* ============================================================
   DESIGN SYSTEM MO — raio, sombra e movimento
   FONTE ÚNICA. Documentação: docs/design-system-mo.md
   ------------------------------------------------------------
   ORIGEM: Claude Design, projeto "Site da Moderna",
   `project/styles.css` linhas 332–339. Raios e sombras são
   cópia verbatim.

   As sombras são tintadas com a tinta da marca (42,24,18), não
   com preto — é o que mantém o quente da paleta na elevação.
   As sombras vermelhas usam 200,36,44 = --mo-red (#C8242C), e
   aparecem no bundle em .btn-shop, .btn-hero e .btn-submit.

   As durações são DERIVADAS: o bundle não as declarou como
   token, mas usa os mesmos três valores de forma consistente ao
   longo das 24 seções, então foram promovidas a token para que
   os apps parem de inventar o seu.
   ============================================================ */

:root {
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   28px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(42, 24, 18, 0.08);
  --shadow-md: 0 8px 28px rgba(42, 24, 18, 0.12);
  --shadow-lg: 0 24px 60px rgba(42, 24, 18, 0.18);
  --shadow-red-sm: 0 4px 16px rgba(200, 36, 44, 0.30);
  --shadow-red-md: 0 8px 24px rgba(200, 36, 44, 0.40);

  /* Opacidade do pattern de triângulos. No site é 0.18 (peça
     pública, o pattern é assinatura da marca); em app de gestão
     baixa para 0.06, para não competir com dado na tela. */
  --pattern-opacity: 0.06;
  --pattern-opacity-peca: 0.18;

  /* Movimento — os três tempos que o bundle pratica.
     Só transform e opacity. */
  --mo-dur-rapido: 200ms;  /* hover de botão, chip, item de nav */
  --mo-dur-base:   300ms;  /* cartão subindo, entrada de bloco */
  --mo-dur-tema:   600ms;  /* troca de tema (é assim que o Açaí entra) */
  --mo-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* A promessa vale em todos os apps: com movimento reduzido,
   tudo vira instantâneo. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --mo-dur-rapido: 0.01ms;
    --mo-dur-base: 0.01ms;
    --mo-dur-tema: 0.01ms;
  }
}