/* Gabricar Auto Elétrica e Mecânica — tokens de marca
   Amarelo e preto medidos no arquivo da logo. Azul amostrado na fachada e na lona da oficina.
   Razões de contraste calculadas pela fórmula WCAG 2.1, não estimadas. */

:root {
  /* ---- marca ---- */
  --gb-amarelo:        #FFFF00;  /* cor da logo, moda medida no arquivo original */
  --gb-amarelo-fosco:  #EDE300;  /* derivado, para áreas grandes onde o puro vibra */
  --gb-preto:          #0B0B0C;  /* tinta */
  --gb-branco:         #FFFFFF;

  /* ---- azul da oficina (parede e lona) ---- */
  --gb-azul-900:       #081B36;
  --gb-azul-800:       #0D2A52;
  --gb-azul-700:       #12386B;  /* azul principal */
  --gb-azul-600:       #17477F;
  --gb-azul-500:       #1D5798;
  --gb-azul-400:       #2E6DB8;

  /* ---- neutros, levemente puxados para o azul ---- */
  --gb-grafite-900:    #0C0E12;
  --gb-grafite-800:    #11141A;
  --gb-grafite-700:    #1A1F29;
  --gb-grafite-600:    #232936;
  --gb-cinza-500:      #6B6F7A;
  --gb-cinza-300:      #C7CAD2;
  --gb-cinza-200:      #E4E6EB;
  --gb-cinza-100:      #F2F3F6;

  /* ---- estado ---- */
  --gb-whatsapp:       #12703A;  /* escurecido: o verde oficial não passa em texto branco */
  --gb-alerta:         #B8860B;
  --gb-erro:           #C4342A;

  /* ---- tipografia ---- */
  --gb-fonte-display:  Anton, "Arial Narrow", Impact, sans-serif;
  --gb-fonte-texto:    Archivo, "Helvetica Neue", Arial, sans-serif;

  --gb-txt-2xs:  0.75rem;
  --gb-txt-xs:   0.8125rem;
  --gb-txt-sm:   0.9375rem;
  --gb-txt-base: 1.0625rem;
  --gb-txt-lg:   1.25rem;
  --gb-txt-xl:   1.5rem;
  --gb-txt-2xl:  2rem;
  --gb-txt-3xl:  2.75rem;
  --gb-txt-4xl:  3.75rem;

  /* ---- espaçamento, escala de 4 ---- */
  --gb-e1: 4px;   --gb-e2: 8px;   --gb-e3: 12px;  --gb-e4: 16px;
  --gb-e5: 24px;  --gb-e6: 32px;  --gb-e7: 48px;  --gb-e8: 64px;  --gb-e9: 96px;

  /* ---- raio ---- */
  --gb-raio-0: 0;
  --gb-raio-1: 3px;   /* campos e chips */
  --gb-raio-2: 6px;   /* botões e cartões */
  --gb-raio-pill: 999px;

  /* ---- traço e sombra ---- */
  --gb-borda: 1px solid rgba(255,255,255,.14);
  --gb-sombra-1: 0 1px 2px rgba(0,0,0,.4);
  --gb-sombra-2: 0 8px 24px rgba(0,0,0,.45);
}