/* San Maria — tokens do design system "boutique noturna" (03-jev-fusion / 09-design-system).
   Nenhum componente usa cor, fonte, raio ou duração fora daqui. */
:root {
  /* cor */
  --noite: #0F0D0B;
  --grafite: #1C1916;
  --grafite-2: #26221E;
  --champanhe: #C9A46A;
  --champanhe-claro: #E2C792;
  --marfim: #F4EDE3;
  --taupe: #A39686;          /* secundário sobre noite (contraste 6,9:1) */
  --blush: #E8C9BF;
  --linha: rgba(201, 164, 106, .28);
  --linha-fraca: rgba(244, 237, 227, .12);
  --veu: rgba(15, 13, 11, .72);

  /* tipografia */
  --fonte-display: "Italiana", "Didot", "Bodoni 72", serif;
  --fonte-texto: "Jost", "Helvetica Neue", Arial, sans-serif;
  --t-12: .75rem;
  --t-14: .875rem;
  --t-16: 1rem;
  --t-21: 1.3125rem;
  --t-28: 1.75rem;
  --t-38: 2.375rem;
  --t-50: 3.125rem;
  --t-67: 4.1875rem;
  --t-89: 5.5625rem;
  --tracking-rotulo: .16em;

  /* espaço (base 8) */
  --e-4: .25rem;
  --e-8: .5rem;
  --e-12: .75rem;
  --e-16: 1rem;
  --e-24: 1.5rem;
  --e-32: 2rem;
  --e-48: 3rem;
  --e-64: 4rem;
  --e-96: 6rem;
  --margem: clamp(1rem, 4vw, 3rem);

  /* forma: arco de espelho de provador */
  --arco: 999px 999px 10px 10px;
  --pilula: 999px;
  --raio: 10px;
  --sombra-painel: 0 24px 60px rgba(0, 0, 0, .55);

  /* movimento */
  --d-controle: 200ms;
  --d-troca: 600ms;
  --d-entrada: 1200ms;
  --curva: cubic-bezier(.2, .7, .2, 1);

  /* camadas */
  --z-palco: 0;
  --z-sobre: 5;
  --z-topo: 20;
  --z-camada: 40;
  --z-toast: 60;

  --alvo: 48px;
  --topo-h: 72px;
}
@media (max-width: 599px) {
  :root { --topo-h: 56px; }
}