/* =========================================================================
   Entraê Eventos — tokens da identidade
   -------------------------------------------------------------------------
   Fonte: Brand Book "Tudo em Curso", rota 02, v1.0 (18 set. 2026).
   Os nomes seguem os do manual (brand.gold → --entrae-brand-gold) para que
   uma mudança na marca seja rastreável até a página onde foi decidida.

   NÃO editar valor aqui sem a versão correspondente do Brand Book.
   ========================================================================= */

:root {
  /* ---- Cor · identidade (pág. 15) ---- */
  --entrae-brand-gold: #D59B22;      /* estrutura: símbolo, faixas, divisores */
  --entrae-brand-red: #C63F32;       /* foco: nome, títulos e ações */

  --entrae-text-primary: #292724;
  --entrae-text-secondary: #625C55;

  --entrae-surface-default: #FFFFFF; /* fundo dominante */
  --entrae-surface-warm: #FFF7E8;
  --entrae-surface-subtle: #F7F5F2;

  --entrae-border-subtle: #E8E4DE;
  --entrae-border-control: #8C8377;

  /* ---- Cor · roles funcionais (pág. 16) ----
     Estado nunca é comunicado só por cor: a interface combina cor + rótulo
     + ícone. Ver a regra de legibilidade na pág. 3. */
  --entrae-success-fg: #1F6B4F;  --entrae-success-bg: #EAF6EF;
  --entrae-warning-fg: #805B00;  --entrae-warning-bg: #FFF3CD;
  --entrae-error-fg: #A32720;    --entrae-error-bg: #FDEBE9;
  --entrae-info-fg: #245C79;     --entrae-info-bg: #EAF3F8;
  --entrae-disabled-fg: #625C55; --entrae-disabled-bg: #CFC9C1;

  /* ---- Espaçamento (pág. 25) · base 8 ---- */
  --entrae-space-2xs: 4px;
  --entrae-space-xs: 8px;
  --entrae-space-sm: 12px;
  --entrae-space-md: 16px;
  --entrae-space-lg: 24px;
  --entrae-space-xl: 32px;
  --entrae-space-2xl: 48px;
  --entrae-space-3xl: 64px;
  --entrae-space-4xl: 96px;

  /* ---- Raios (pág. 25) ---- */
  --entrae-radius-compact: 6px;
  --entrae-radius-control: 8px;
  --entrae-radius-card: 12px;
  --entrae-radius-container: 20px;
  --entrae-radius-pill: 999px;

  /* ---- Foco (pág. 25) ---- */
  --entrae-focus-width: 2px;
  --entrae-focus-offset: 2px;

  /* ---- Tipografia (pág. 17 e 18) ----
     Sora dirige (títulos e marca); DM Sans explica (leitura e interface). */
  --entrae-font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --entrae-font-text: 'DM Sans', 'Segoe UI', system-ui, sans-serif;

  --entrae-display-size: 64px;   --entrae-display-line: 72px;
  --entrae-h1-size: 48px;        --entrae-h1-line: 56px;
  --entrae-h2-size: 36px;        --entrae-h2-line: 44px;
  --entrae-h3-size: 28px;        --entrae-h3-line: 36px;
  --entrae-h4-size: 24px;        --entrae-h4-line: 32px;
  --entrae-h5-size: 20px;        --entrae-h5-line: 28px;
  --entrae-h6-size: 18px;        --entrae-h6-line: 26px;
  --entrae-body-size: 16px;      --entrae-body-line: 24px;
  --entrae-body-sm-size: 14px;   --entrae-body-sm-line: 20px;
  --entrae-caption-size: 12px;   --entrae-caption-line: 18px;
  --entrae-number-size: 32px;    --entrae-number-line: 40px;

  --entrae-weight-display: 650;
  --entrae-weight-body: 400;
  --entrae-weight-strong: 600;

  /* ---- Layout (pág. 20) ---- */
  --entrae-content-max: 1200px;
  --entrae-margin-desktop: 64px;
  --entrae-gutter-desktop: 24px;
  --entrae-margin-tablet: 32px;
  --entrae-margin-mobile: 20px;
  --entrae-gutter-mobile: 16px;

  /* ---- Geometria do símbolo (pág. 10) ----
     Célula 128×128 u · braços 76 : 94 : 120 · altura 24 u · intervalos 10 u
     · raio externo 12 · união esquerda 24 · proteção X = 16 u.
     A razão 76:94:120 é estrutural — nunca um dado de performance. */
  --entrae-logo-cell: 128;
  --entrae-logo-protection: 16;
}