/* Mietto Barbearia — tokens compartilhados (site + agendar + painel).
   Os nomes das variáveis vêm do sistema base; os valores são a identidade da Mietto:
   verde-esmeralda das paredes, dourado do logo, creme e madeira. */
@font-face{font-family:"Cinzel";font-weight:500 800;font-display:optional;src:url(/fonts/cinzel.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/cormorantgaramond.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:400 800;font-stretch:62% 125%;font-display:optional;src:url(/fonts/archivo.woff2) format("woff2")}

:root{
  --wine:#0f3b30;        /* verde-esmeralda (cor principal) */
  --wine-deep:#0a2a22;
  --wine-bright:#15513f;
  --cream:#f3ecdc;       /* creme */
  --cream-2:#e4d5b0;
  --ink:#0b1411;         /* quase preto esverdeado */
  --ink-2:#14211c;
  --leather:#8a5a32;     /* madeira */
  --teal:#c9a54c;        /* dourado do logo */
  --gold:#c9a54c;
  --gold-light:#e6c97a;
  --muted-dark:#b7ae96;
  --muted-light:#55503f;

  --display:"Cinzel","Times New Roman",serif;
  --script:"Cormorant Garamond",Georgia,serif;
  --body:"Archivo",system-ui,sans-serif;

  --ease-standard:cubic-bezier(.2,.8,.2,1);
  --ease-emphasis:cubic-bezier(.16,1,.3,1);
  --ease-exit:cubic-bezier(.4,0,1,1);
  --spring:cubic-bezier(.2,1.4,.4,1);
  --motion-fast:120ms; --motion-base:210ms; --motion-slow:340ms; --motion-enter:440ms;

  /* textura da marca (antes era o xadrez): filetes dourados finos em diagonal */
  --checker:repeating-linear-gradient(135deg,var(--wine) 0 14px,var(--wine-deep) 14px 15px,var(--wine) 15px 28px,rgba(201,165,76,.35) 28px 29px) 0 0/auto;
}