/* =====================================================================
   Expertise — tokens oficiais (para o Daumcheck)
   Fonte: claude.ai/design "Expertise Design System"
   (projeto efd40c06-936f-400b-a74e-d58ca6c2817c), importado em 25/08/2026.
   SUBSTITUI o tema-PE do deck (#44B69C + Arial Narrow) como referência.
   Não editar valores aqui — mudança de marca entra pelo design system.
   Regra de proporção: ~70% Off White/Chumbo, ~20% Verde Escuro/Cinza,
   ~10% Verde Tech (acento, nunca base).
   ===================================================================== */

:root {
  /* --- Marca (canônico, do brandbook) --- */
  --green-dark: #205418;   /* Verde Escuro — institucional, ações primárias */
  --chumbo:     #2B2722;   /* Chumbo — texto principal, superfícies escuras */
  --off-white:  #F6F5EE;   /* Off White — fundo principal de interface */
  --gray:       #BFBBAF;   /* Cinza — divisórias, bordas suaves, desabilitado */
  --green-tech: #DBFA3C;   /* Verde Tech — acento, foco, microinterações */

  /* --- Escala Verde Escuro --- */
  --green-dark-700: #16380F;
  --green-dark-600: #1B4714;  /* hover */
  --green-dark-500: #205418;  /* base */
  --green-dark-100: #DCE7D8;
  --green-dark-050: #EEF3EC;

  /* --- Escala Chumbo --- */
  --chumbo-900: #1C1915;
  --chumbo-700: #2B2722;  /* tinta base */
  --chumbo-500: #514C44;  /* tinta atenuada no claro */
  --chumbo-300: #8A847A;  /* placeholder */

  /* --- Superfícies neutras --- */
  --paper:        #FCFCF8;  /* card elevado sobre off-white */
  --off-white-2:  #EEEDE3;  /* linhas zebradas / rebaixado */
  --off-white-3:  #E4E2D6;

  /* --- Escala Cinza --- */
  --gray-light:  #D8D5CB;  /* borda fina no claro */
  --gray-base:   #BFBBAF;
  --gray-dark:   #9C988C;  /* texto secundário */

  /* --- Escala Verde Tech --- */
  --green-tech-600: #B6D420;  /* acento em texto no claro */
  --green-tech-500: #DBFA3C;
  --green-tech-200: #F0FBB8;

  /* --- Dados / status --- */
  --positive:   #205418;
  --negative:   #A6432A;  /* tijolo dessaturado */
  --warning:    #B07A14;  /* ocre dessaturado */
  --info:       #2B2722;

  /* --- Aliases semânticos (usar estes nos componentes, não hex cru) --- */
  --bg:            var(--off-white);
  --surface:       var(--paper);
  --surface-2:     var(--off-white-2);
  --surface-sunken:var(--off-white-3);
  --surface-invert:var(--chumbo-700);
  --surface-brand: var(--green-dark-500);
  --surface-tint:  var(--green-dark-050);

  --text:          var(--chumbo-700);
  --text-muted:    var(--chumbo-500);
  --text-subtle:   var(--chumbo-300);
  --text-on-dark:  var(--off-white);
  --text-on-brand: var(--off-white);
  --text-on-accent:var(--chumbo-700);
  --text-link:     var(--green-dark-500);

  --border:        var(--gray-light);
  --border-strong: var(--gray-base);
  --border-focus:  var(--green-dark-500);
  --divider:       var(--gray-light);

  --accent:        var(--green-tech-500);
  --accent-strong: var(--green-tech-600);
  --accent-wash:   var(--green-tech-200);

  --brand:         var(--green-dark-500);
  --brand-hover:   var(--green-dark-600);
  --brand-active:  var(--green-dark-700);

  --ring: 0 0 0 3px rgba(32, 84, 24, 0.28);
  --ring-accent: 0 0 0 3px rgba(219, 250, 60, 0.55);

  /* --- Tipografia (principal Exo; auxiliar Verdana) --- */
  --font-primary: "Exo", "Verdana Brand", Verdana, system-ui, sans-serif;
  --font-fallback: "Verdana Brand", Verdana, system-ui, sans-serif;
  --font-numeric: "Exo", "Verdana Brand", Verdana, system-ui, sans-serif;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --fs-display: 56px;
  --fs-h1: 36px;       /* título de tela (32–40) */
  --fs-h2: 26px;       /* seção (24–28) */
  --fs-h3: 20px;       /* título de card (18–22) */
  --fs-body-lg: 17px;
  --fs-body: 16px;     /* corpo (15–17) */
  --fs-body-sm: 14px;
  --fs-label: 13px;    /* labels / filtros / metadados (12–14) */
  --fs-caption: 12px;
  --fs-micro: 11px;

  --fs-kpi-sm: 28px;
  --fs-kpi: 36px;
  --fs-kpi-lg: 48px;

  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-body: 1.5;
  --lh-relaxed: 1.6;

  --ls-tight: -0.01em;
  --ls-normal: 0;
  --ls-label: 0.04em;
  --ls-eyebrow: 0.14em;

  /* --- Espaçamento (grade de 8px) --- */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  --gap-xs: var(--space-1);
  --gap-sm: var(--space-2);
  --gap-md: var(--space-3);
  --gap-lg: var(--space-4);
  --gap-xl: var(--space-5);

  --container-max: 1200px;
  --container-wide: 1320px;
  --gutter: var(--space-4);
  --section-y: var(--space-8);

  --control-h-sm: 32px;
  --control-h: 40px;
  --control-h-lg: 48px;

  /* --- Efeitos: raios, bordas, sombras, movimento --- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;   /* cards, inputs */
  --radius-lg: 14px;   /* painéis grandes */
  --radius-xl: 20px;
  --radius-pill: 999px;

  --bw-hair: 1px;
  --bw-thick: 2px;

  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(43, 39, 34, 0.05);
  --shadow-sm: 0 1px 3px rgba(43, 39, 34, 0.06), 0 1px 2px rgba(43, 39, 34, 0.04);
  --shadow-md: 0 4px 12px rgba(43, 39, 34, 0.07), 0 1px 3px rgba(43, 39, 34, 0.05);
  --shadow-lg: 0 12px 32px rgba(43, 39, 34, 0.10), 0 2px 8px rgba(43, 39, 34, 0.05);
  --shadow-focus: var(--ring);

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --transition-base: all var(--dur-base) var(--ease-standard);
}