/* Mecânico Móvel — tokens. O único sítio com valores crus. */

@font-face { font-family: "Barlow Condensed"; src: url("../assets/fonts/BarlowCondensed-ExtraBold.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../assets/fonts/BarlowCondensed-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../assets/fonts/Barlow-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../assets/fonts/Barlow-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* Cor — neutros quentes de oficina + um acento: laranja de sinalização */
  --tinta:        #14181F;
  --tinta-2:      #2A2F38;
  --tinta-suave:  #5B616B;
  --betao:        #D8D3C8;
  --betao-claro:  #E7E2D8;
  --papel:        #F3F0E8;
  --papel-alto:   #FAF8F3;
  --laranja:      #FF5B14;
  --laranja-fundo:#FFE3D4;

  /* Tipo */
  --f-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --f-corpo:   "Barlow", system-ui, sans-serif;
  --t-mega:    clamp(2.75rem, 1.2rem + 4.6vw, 6rem);
  --t-display: clamp(2.2rem, 1.2rem + 3vw, 4rem);
  --t-titulo:  clamp(1.6rem, 1.15rem + 1.9vw, 2.6rem);
  --t-sub:     clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
  --t-corpo:   clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --t-pequeno: 0.875rem;
  --t-etiqueta:0.8125rem;

  /* Espaço */
  --e-1: 0.5rem; --e-2: 1rem; --e-3: 1.5rem; --e-4: 2.5rem; --e-5: 4rem; --e-6: 7rem;
  --largura: 76rem;
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 3rem);

  /* Forma */
  --raio: 10px;
  --raio-g: 18px;
  --linha: 2px;
  --linha-g: 3px;

  /* Elevação — sombra dura, como um carimbo */
  --sombra-carimbo: 4px 4px 0 var(--tinta);
  --sombra-carimbo-g: 6px 6px 0 var(--tinta);

  /* Movimento */
  --saida: cubic-bezier(0.22, 1, 0.36, 1);
  --entrada: cubic-bezier(0.64, 0, 0.78, 0);
  --r-rapido: 160ms; --r-medio: 320ms; --r-lento: 700ms;
}