/* Design tokens da identidade visual GHC.
   Extraído do CSS de produção de somosghc.com em 2026-07-24.
   Ver Documentacoes/Design/identidade-visual.md para a documentação completa. */

:root {
  /* Cores */
  --ghc-cream: #feead3;
  --ghc-cream-50: rgba(254, 234, 211, 0.5);
  --ghc-cream-40: rgba(254, 234, 211, 0.4);
  --ghc-charcoal: #4a4a49;
  --ghc-charcoal-50: rgba(74, 74, 73, 0.5);
  --ghc-charcoal-40: rgba(74, 74, 73, 0.4);
  --ghc-charcoal-20: rgba(74, 74, 73, 0.2);
  --ghc-green: #3be361;
  --ghc-error: #cd5c5c;

  /* Tipografia */
  --ghc-font-display: "Migha Light", Georgia, serif;
  --ghc-font-display-medium: "Migha Regular", Georgia, serif;
  --ghc-font-body: "BentonSans Regular", -apple-system, sans-serif;
  --ghc-font-label: "BentonSans Medium", -apple-system, sans-serif;
  --ghc-font-ui: "Archivo Regular", -apple-system, sans-serif;
  --ghc-font-ui-medium: "Archivo Medium", -apple-system, sans-serif;

  /* Layout */
  --ghc-radius-button: 32px;
  --ghc-container-padding-desktop: 6%;
  --ghc-container-padding-mobile: 3%;
  --ghc-breakpoint: 1024px;
  --ghc-transition: all 0.2s ease-out;
}

/* Migha — títulos de seção (display) */
@font-face {
  font-family: "Migha Light";
  src: url("./assets/fonts/migha-light.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Migha Regular";
  src: url("./assets/fonts/migha-regular.otf") format("opentype");
  font-display: swap;
}

/* Archivo — botões e UI */
@font-face {
  font-family: "Archivo Regular";
  src: url("./assets/fonts/archivo-regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Archivo Medium";
  src: url("./assets/fonts/archivo-medium.ttf") format("truetype");
  font-display: swap;
}

/* BentonSans — corpo de texto e labels */
@font-face {
  font-family: "BentonSans Thin";
  src: url("./assets/fonts/benton-sans-wide-thin.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "BentonSans Light";
  src: url("./assets/fonts/benton-sans-wide-light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "BentonSans Book";
  src: url("./assets/fonts/benton-sans-wide-book.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "BentonSans Regular";
  src: url("./assets/fonts/benton-sans-wide-regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "BentonSans Medium";
  src: url("./assets/fonts/benton-sans-wide-medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "BentonSans Bold";
  src: url("./assets/fonts/benton-sans-wide-bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "BentonSans Black";
  src: url("./assets/fonts/benton-sans-wide-black.ttf") format("truetype");
  font-display: swap;
}

/* Botão primário — padrão do site institucional */
.ghc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-family: var(--ghc-font-ui);
  font-size: 15px;
  line-height: 18px;
  background-color: var(--ghc-charcoal);
  color: var(--ghc-cream);
  border: 1px solid transparent;
  border-radius: var(--ghc-radius-button);
  padding: 16px 30px;
  cursor: pointer;
  transition: var(--ghc-transition);
}
.ghc-button:hover {
  background-color: var(--ghc-charcoal-50);
}
.ghc-button.ghc-button--accent {
  background-color: var(--ghc-green);
  color: var(--ghc-charcoal);
}

/* Label/eyebrow — texto em uppercase usado acima de títulos */
.ghc-eyebrow {
  font-family: var(--ghc-font-label);
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--ghc-charcoal-40);
}