/* =========================================================================
   INORGIN · tokens.css
   Fonte: Figma Uv1hQ2MHPpOcY4hZItY44s, página "Design v3 (veccon)",
   coleções "5. INORGIN · Primitives", "6. INORGIN · Semantic",
   "8. INORGIN · Layout" e text styles INORGIN/*.
   Extraído em 29/09/2026 e ajustado após aprovação de contraste. Este arquivo é o contrato com o desenvolvimento:
   Global Colors e Global Fonts do Elementor saem daqui, e o child theme
   importa este arquivo como está.
   ========================================================================= */
:root{
  /* ---------- Primitivos: nunca usar direto em componente ---------- */
  --brand-blue-700:   #0B5B9F;  /* azul institucional                        */
  --brand-green-500:  #7AB337;  /* verde da marca                            */
  --brand-green-700:  #448E35;  /* verde escuro, hover e texto verde          */
  --brand-green-750:  #3B7B2E;  /* verde para texto pequeno, passa AA        */
  --brand-green-900:  #4C6C20;  /* verde profundo, reserva                   */
  --accent-blue-50:   #E1E8EE;  /* azul claro de apoio                        */
  --accent-green-50:  #EDF1E8;  /* verde claro de apoio                       */
  --neutral-0:        #FFFFFF;
  --neutral-50:       #FCFCFC;
  --neutral-100:      #F4F6FB;
  --neutral-150:      #F2F3F6;
  --neutral-200:      #E7E9EA;
  --neutral-400:      #71777A;  /* era #7D8487, ajustado para AA (29/09) */
  --neutral-500:      #64748B;
  --neutral-900:      #032952;  /* navy, a cor mais escura do sistema        */
  --feedback-green-500:#43D98C;
  --feedback-green-800:#086F36;
  --feedback-amber-500:#E79122;
  --feedback-red-400: #FF5C5A;
  --feedback-red-500: #E72240;

  /* ---------- Superfícies ---------- */
  --surface-page:         var(--neutral-0);       /* fundo branco das seções        */
  --surface-muted:        var(--neutral-50);      /* fundo quase branco, reserva    */
  --surface-subtle:       var(--neutral-100);     /* seções cinza, cards sobre branco */
  --surface-tag:          var(--neutral-150);     /* chip neutro, filtros           */
  --surface-footer:       var(--neutral-900);     /* hero, faixas navy, rodapé      */
  --surface-accent-blue:  var(--accent-blue-50);  /* chip azul, tile suave, mapa    */
  --surface-accent-green: var(--accent-green-50); /* chip verde                     */
  --surface-band:         var(--brand-blue-700);  /* faixa CDTI, card Contribua     */
  --surface-glass:        rgba(255,255,255,.06);  /* vidro sobre navy (surface/glass) */

  /* ---------- Traços ---------- */
  --border-default: var(--neutral-200);           /* card com borda, input, outline */
  --border-subtle:  var(--neutral-150);           /* divisores internos, linha do header claro */
  --border-glass:   rgba(255,255,255,.14);        /* borda do vidro (border/glass)   */

  /* ---------- Tinta ---------- */
  --text-heading: var(--neutral-900);   /* títulos, labels, texto de destaque */
  --text-body:    var(--neutral-900);   /* igual ao heading, ver pendência    */
  --text-meta:    var(--neutral-500);   /* descrições, leads, chip neutro     */
  --text-muted:   var(--neutral-400);   /* numeração 01 02 03, placeholder    */
  --text-inverse: var(--neutral-0);     /* texto sobre navy e azul            */
  --text-link:    var(--brand-blue-700);
  --text-accent-green: var(--brand-green-750); /* chip verde e numeração sobre fundo claro */

  /* ---------- Ação ---------- */
  --action-primary:         var(--brand-blue-700);  /* botão primário, links, chip sólido */
  --action-primary-text:    var(--neutral-0);
  --action-secondary:       var(--brand-green-500); /* botão verde, camada 2 dos ícones */
  --action-secondary-text:  var(--neutral-900);     /* texto e seta do botão verde */
  --action-secondary-hover: var(--brand-green-700);
  --action-disabled:        var(--neutral-400);

  /* ---------- Ícones twotone ---------- */
  --icon-primary:   var(--action-primary);    /* camada principal               */
  --icon-secondary: var(--action-secondary);  /* camada de acento, sempre verde */
  --icon-on-dark:   var(--text-inverse);      /* camada principal sobre navy/azul */

  /* ---------- Feedback ---------- */
  --feedback-success:      var(--feedback-green-500);
  --feedback-success-text: var(--feedback-green-800);
  --feedback-warning:      var(--feedback-amber-500);
  --feedback-warning-icon: var(--feedback-red-400);
  --feedback-error:        var(--feedback-red-500);

  /* ---------- Tipografia ---------- */
  --font-display: 'Noto Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; /* títulos, labels, botões */
  --font-text:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;     /* texto corrido, meta     */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;

  --fs-hero: 48px;  --lh-hero: 1.10; --ls-hero: -0.01em;   /* Display/Hero  */
  --fs-h1:   40px;  --lh-h1:   1.15; --ls-h1:   -0.005em;  /* Heading/H1    */
  --fs-h2:   32px;  --lh-h2:   1.25;                        /* Heading/H2    */
  --fs-h3:   24px;  --lh-h3:   1.30;                        /* Heading/H3    */
  --fs-h4:   18px;  --lh-h4:   1.35;                        /* Heading/H4    */
  --fs-h5:   16px;  --lh-h5:   1.40;                        /* Heading/H5    */
  --fs-lead: 18px;  --lh-lead: 1.40;                        /* Prose/Lead    */
  --fs-body: 16px;  --lh-body: 1.40;                        /* Prose/Body    */
  --fs-sm:   14px;  --lh-sm:   1.40;                        /* Prose/Body SM */
  --fs-quote:18px;  --lh-quote:1.30;                        /* Prose/Quote, itálico */
  --fs-ref:  12px;  --lh-ref:  1.60;                        /* Prose/Reference */
  --fs-cta:  16px;  --fs-cta-sm: 14px;                      /* Label/CTA, CTA SM */
  --fs-nav:  15px;                                          /* Label/Nav     */
  --fs-meta: 14px;  --lh-meta: 1.40;                        /* Label/Meta    */
  --fs-tag:  12px;  --lh-tag:  1.20; --ls-tag: 0.06em;      /* Label/Tag, caixa alta */
  --fs-legal:13px;  --lh-legal:1.65; --ls-legal:0.01em;     /* Label/Legal   */

  /* ---------- Espaço ---------- */
  --space-2xs: 8px;    /* stack-xs */
  --space-xs:  16px;   /* stack-sm */
  --space-sm:  24px;   /* stack-md, grid-gap, gutter */
  --space-md:  32px;   /* stack-lg, padding de card */
  --space-lg:  48px;   /* stack-xl, header de seção até conteúdo */
  --space-xl:  64px;   /* block-y, gap entre colunas */
  --space-2xl: 96px;   /* section-y, topo de seção */
  --space-3xl: 112px;  /* base de seção e margem lateral do container */
  --space-4xl: 128px;  /* section-y-lg, base do hero */

  /* ---------- Forma ---------- */
  --radius-sm:    8px;    /* chip, tag de card */
  --radius-md:    12px;   /* icon tile, input, bloco de código de norma */
  --radius-lg:    16px;   /* mídia interna, caixas de definição */
  --radius-xl:    24px;   /* card, painel, seção com canto */
  --radius-pill:  999px;  /* botão, eyebrow, conector, busca */

  /* ---------- Layout ---------- */
  --container:       1216px;  /* 1440 menos 2 x 112 */
  --container-page:  1280px;  /* token do Figma, reserva */
  --container-narrow:960px;
  --container-prose: 720px;   /* corpo de norma, textos legais */

  /* ---------- Elevação ---------- */
  --shadow-eyebrow: 0 5px 5px -4px rgba(182,183,197,.15);   /* eyebrow e tile, quase imperceptível */
  --shadow-float:   0 12px 32px rgba(3,41,82,.06);          /* card de formulário, card flutuante */
  --shadow-modal:   0 24px 64px rgba(0,0,0,.20);            /* modal de evento */
  --ring-focus:     0 0 0 4px rgba(11,91,159,.15);          /* input em foco */
  --ring-featured:  0 0 0 4px var(--border-default);        /* card em destaque (Certificador) */
}