/* Family Group — Design Tokens (CSS custom properties)
 * Igreja Evangélica Family Group (igreja independente)
 * Fonte: docs/branding/leitura-design.md, Seção 3. Acervo: Manual de Identidade Visual p.5 / KV p.6
 * Gerado: 2026-06-21 — Design Chief (@design-chief)
 */

:root {
  /* --- Primitivos: as 4 cores oficiais --- */
  --fg-color-lava: #ff3c00;        /* rgb(255, 60, 0)   — Laranja Lava */
  --fg-color-light-blue: #a7cbd6;  /* rgb(167, 203, 214) — Light Blue */
  --fg-color-offblack: #191919;    /* rgb(25, 25, 25)   — Preto offblack */
  --fg-color-offwhite: #e4e0dc;    /* rgb(228, 224, 220) — Offwhite */

  /* --- Papéis semânticos --- */
  --fg-primary: var(--fg-color-lava);
  --fg-secondary: var(--fg-color-light-blue);
  --fg-surface: var(--fg-color-offwhite);
  --fg-surface-inverse: var(--fg-color-offblack);
  --fg-on-surface: var(--fg-color-offblack);
  --fg-on-surface-inverse: var(--fg-color-offwhite);
  --fg-on-primary: var(--fg-color-offwhite);
  --fg-accent: var(--fg-color-lava);

  /* --- Gradiente de assinatura --- */
  --fg-gradient-brand: linear-gradient(90deg, #ff3c00 0%, #a7cbd6 100%);
}