/* ==========================================================================
   Design Tokens — Campbel
   Todas as cores, tipografia, raios e sombras do site vivem aqui.
   Para mudar a identidade visual, edite este arquivo.
   ========================================================================== */

:root {
  /* ---- Paleta institucional ---- */
  --c-primary:        #10151c;   /* Azul-marinho — fundos */
  --c-primary-600:    #10151c;
  --c-primary-700:    #041c3b;
  --c-primary-800:    #03142c;

  --c-accent:         #e20712;   /* Vermelho — detalhes */
  --c-accent-600:     #c90000;
  --c-accent-soft:    rgba(230, 57, 70, .15);   /* Vermelho translúcido — foco de campos */

  --c-ink:            #10141a;   /* Preto — texto principal */
  --c-ink-soft:       #4b5563;   /* Cinza — texto secundário */
  --c-ink-faint:      #9aa3af;   /* Cinza claro — placeholders */
  --c-ink-inverse:    #ffffff;   /* Branco — texto sobre fundo escuro */

  --c-surface:        #ffffff;
  --c-surface-alt:    #f3f5f8;
  --c-border:         #e2e6ec;
  --c-dark:           #10151c;   /* Fundo escuro neutro — footer */

  /* ---- Tipografia ---- */
  --font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* ---- Raios (bordas levemente arredondadas) ---- */
  --radius-sm: 4px;
  --radius:    6px;
  --radius-lg: 8px;

  /* ---- Sombras ---- */
  --shadow-sm: 0 1px 2px rgba(3, 20, 44, .06), 0 1px 3px rgba(3, 20, 44, .08);
  --shadow-md: 0 6px 18px rgba(3, 20, 44, .10);
  --shadow-lg: 0 18px 48px rgba(3, 20, 44, .16);

  /* ---- Layout ---- */
  --container: 1180px;
  --header-h:  76px;

  /* ---- Movimento ---- */
  --ease: 180ms cubic-bezier(.4, 0, .2, 1);

  /* ---- Fundo do hero (header) ----
     Home: foto de pavimentação sob gradiente escuro. Páginas internas: só gradiente. */
  --hero-gradient: linear-gradient(135deg, #161a20 0%, #0c0f13 55%, #050607 100%);
  --hero-image: url("../../img/headerimage.png");
  --hero-image-jobs: url("../../img/banner.png");
}