/* Color tokens — PerformacIA v2 ("preto/branco + roxo=inteligência +
   verde=operacional + âmbar=urgência"). Base values first, semantic
   aliases below. Values are lifted from biblioteca/identidade_visual.json
   and cross-checked against the 13 organico_*.html templates; where the
   two disagreed (see readme "Discrepâncias"), the rendered template wins. */

:root {
  /* Base palette */
  --pf-black: #0A0A0A;
  --pf-white: #FFFFFF;
  --pf-bg-dark: #060606;
  --pf-surface-dark: #101013;
  --pf-purple: #7C3AED;      /* identidade / inteligência — nunca em métricas de resultado */
  --pf-purple-light: #A78BFA; /* variante do roxo para texto sobre fundo escuro */
  --pf-green: #10B981;        /* operacional — CTA, sucesso, resultado. única cor de ação */
  --pf-green-text: #047857;   /* variante do verde para texto sobre fundo claro */
  --pf-amber: #F59E0B;        /* EXCLUSIVO de alerta/urgência/risco — nunca fundo, CTA ou headline */
  --pf-text-muted: #525252;
  --pf-text-muted-on-dark: #B6C0D3; /* valor real usado nos templates (JSON documenta #A3A3A3) */
  --pf-warm-glow: #D97A5A;    /* glow decorativo residual em fundos escuros — não é cor semântica */

  /* Forbidden (documented so it is never reintroduced) */
  --pf-forbidden-blue: #2563EB;
  --pf-forbidden-cyan: #06B6D4;
  --pf-forbidden-cream-1: #FFF6D8;
  --pf-forbidden-cream-2: #F8F1E5;
  --pf-forbidden-cream-3: #F7F0E2;

  /* Semantic aliases */
  --surface-page-light: var(--pf-white);
  --surface-page-dark: var(--pf-bg-dark);
  --surface-panel-dark-grad: linear-gradient(180deg, var(--pf-surface-dark), var(--pf-black));
  --surface-panel-light: rgba(255, 255, 255, 0.84);
  --surface-panel-paper: rgba(255, 252, 246, 0.8);

  --text-primary: var(--pf-black);
  --text-primary-on-dark: #F7F7FB;
  --text-muted: var(--pf-text-muted);
  --text-muted-on-dark: var(--pf-text-muted-on-dark);

  --color-identity: var(--pf-purple);   /* eyebrows, kickers, decorative glow, brand mark */
  --color-identity-on-dark: var(--pf-purple-light);
  --color-action: var(--pf-green);      /* CTA buttons, success badges, result callouts */
  --color-action-text: var(--pf-green-text);
  --color-urgency: var(--pf-amber);     /* alert/risk badges only */

  --border-identity: rgba(124, 58, 237, 0.16);
  --border-identity-strong: rgba(124, 58, 237, 0.2);
  --border-on-dark: rgba(255, 255, 255, 0.08);
  --tint-identity-wash: rgba(124, 58, 237, 0.08);
  --tint-action-wash: rgba(16, 185, 129, 0.12);
  --tint-urgency-wash: rgba(245, 158, 11, 0.12);
}

/* ─────────────────────────────────────────────────────────────────────
   Site tokens — performacia.com.br public pages (from DESIGN-DIRECTION.md
   + trial-dark.css / home-light.css in the "handoff 2" codebase drop).
   Same semantic rule as the ads system (roxo=identidade, verde=ação,
   âmbar=urgência-só) but the site runs TWO literal modes on ONE page each:
   light institutional (/, blog, legal) and dark (/trial, paid-traffic LPs).
   Values differ slightly from the ads-refactor tokens above (tuned for
   on-screen AA contrast rather than exported-image contrast) — use THESE
   for anything representing the actual website; use the --pf-* base tokens
   above for organic ad creatives. ───────────────────────────────────── */
:root {
  /* Light institutional (home / blog / legal) */
  --site-light-bg: #FFFFFF;
  --site-light-bg-soft: #FAFAFA;
  --site-light-border: #E7E7E7;
  --site-light-text: #0A0A0A;
  --site-light-text-2: #525252;
  --site-light-text-3: #6F6F6F;
  --site-light-brand: #7C3AED;       /* identidade — chips, "IA" do wordmark, acento de headline */
  --site-light-brand-soft-bg: #F5F3FF;
  --site-light-brand-soft-border: #DDD6FE;
  --site-light-brand-soft-text: #6D28D9;
  --site-light-eco: #047857;          /* economia/resultado — texto sobre fundo claro */
  --site-light-eco-cta: #10B981;      /* botão CTA verde (.button--solid existente) */
  --site-light-eco-soft-bg: #ECFDF5;
  --site-light-eco-soft-border: #A7F3D0;
  --site-light-alert: #F59E0B;        /* urgência — só badges */
  --site-light-alert-text: #B45309;

  /* Dark (/trial, conversão de tráfego pago) */
  --site-dark-bg: #060606;
  --site-dark-surface: #101013;
  --site-dark-surface-2: #0C0C0E;
  --site-dark-border: #26262A;
  --site-dark-text: #F5F5F5;
  --site-dark-text-2: #A3A3A3;
  --site-dark-text-3: #8A8A91;
  --site-dark-brand: #A78BFA;         /* roxo mais claro — legível sobre #060606 */
  --site-dark-eco: #34D399;           /* verde mais claro — legível sobre #060606; CTA continua #10B981 sólido */
  --site-dark-alert: #FB923C;         /* laranja-âmbar mais quente que o --pf-amber institucional — só na LP escura */
  --site-dark-alert-text: #FDBA74;
}