/* iPalete — PALETA ÚNICA.
   Produto e marketing usam a MESMA paleta. As antigas escalas --brand-* e --mkt-*
   foram fundidas nas rampas abaixo; os dois nomes seguem como alias no fim do arquivo. */
:root{

/* ---------- AZUL · estrutura e ação ---------- */
--blue-950:#021029;
--blue-900:#03142e; /* navy institucional — sidebar, fundo escuro */
--blue-850:#021b52; /* azul noite — topo do hero */
--blue-800:#0b3fa8; /* azul do logo */
--blue-700:#083b9a; /* base do hero */
--blue-600:#0f5de8;
--blue-500:#0b6bff; /* PRIMÁRIA de ação */
--blue-400:#2d7bff;
--blue-300:#7ea9ff;
--blue-200:#cfe0ff;
--blue-100:#eaf2ff;
--blue-50:#f5f9ff;

/* ---------- VERDE · marca, ganho e confirmação ---------- */
--green-800:#2e9e18;
--green-700:#4f8f0d;
--green-600:#5faf0a; /* verde do logo */
--green-500:#7dd222; /* VERDE DA MARCA */
--green-400:#98e11a; /* destaque */
--green-300:#b8ec6a;
--green-100:#effbe0;
--green-50:#f6fdee;

/* ---------- NEUTROS ---------- */
--neutral-900:#111827;
--neutral-800:#11233f;
--neutral-600:#5f6b7a;
--neutral-500:#7d8ca5;
--neutral-400:#8a94a6;
--neutral-300:#c9d4e5;
--neutral-250:#d7e0ec;
--neutral-200:#e5eaf2;
--neutral-150:#e6ecf5;
--neutral-100:#eef2f8;
--neutral-75:#f2f5fa;
--neutral-50:#f7f9fc;
--neutral-25:#fbfcfe;
--white:#ffffff;

/* ---------- APOIO SEMÂNTICO ---------- */
--amber-600:#b9770a;--amber-100:#fdf3e2;
--red-600:#e5484d;--red-500:#d13a3f;--red-100:#fdecec;
--purple-500:#7c5cff;--purple-100:#f0edff;

/* ---------- AS TRÊS CORES DA MARCA ---------- */
--brand-navy:var(--blue-900);
--brand-blue:var(--blue-500);
--brand-green:var(--green-500);

/* estados das cores de marca */
--brand-navy-2:#061a3a;
--brand-navy-hover:#0d2547;
--brand-blue-hover:#005bea;
--brand-blue-soft:var(--blue-100);
--brand-green-hover:#71c018;
--brand-green-soft:var(--green-100);
--brand-green-ink:var(--green-700); /* verde legível sobre branco */

/* logo */
--logo-blue:var(--blue-800);
--logo-green:var(--green-600);

/* ---------- SEMÂNTICAS ---------- */
--success:var(--green-500);--success-soft:var(--green-100);--success-ink:var(--green-700);
--warning:var(--amber-600);--warning-soft:var(--amber-100);
--danger:var(--red-600);--danger-soft:var(--red-100);
--info:var(--blue-500);--info-soft:var(--blue-100);
--accent-purple:var(--purple-500);--accent-purple-soft:var(--purple-100);

/* ---------- SUPERFÍCIE ---------- */
--bg:var(--neutral-50);
--surface-card:var(--white);
--surface-sunken:var(--neutral-75);
--surface-app:var(--bg);
--surface-sidebar:var(--brand-navy);
--surface-topbar:var(--surface-card);
--surface-dark:var(--blue-850);
--border:var(--neutral-200);
--line:var(--neutral-100);
--overlay:rgba(3,20,46,.48);

/* ---------- TEXTO ---------- */
--text:var(--neutral-900);
--text-2:var(--neutral-600);
--text-3:var(--neutral-400);
--text-on-brand:var(--white);
--text-on-dark:var(--neutral-300);
--text-link:var(--blue-500);
--text-link-hover:var(--brand-blue-hover);
--text-body:var(--text);--text-muted:var(--text-2);--text-faint:var(--text-3);
--border-input:var(--border);--border-divider:var(--line);
--focus-ring:rgba(11,107,255,.28);

/* ---------- GRADIENTES ---------- */
--gradient-hero:linear-gradient(180deg,var(--blue-850) 0%,var(--blue-700) 100%); /* @kind color */
--gradient-hero-radial:radial-gradient(circle at top center,var(--blue-700) 0%,var(--blue-850) 65%); /* @kind color */
--gradient-blue-card:linear-gradient(135deg,#123b86 0%,var(--blue-600) 100%); /* @kind color */
--gradient-green-result:linear-gradient(135deg,#6fbf14 0%,var(--green-400) 100%); /* @kind color */
--gradient-green-strong:linear-gradient(135deg,var(--green-800) 0%,#00c853 100%); /* @kind color */
--gradient-dark-card:linear-gradient(145deg,rgba(2,27,82,.95),rgba(8,59,154,.35)); /* @kind color */

/* ---------- ALIASES LEGADOS (--mkt-*) ----------
   Mantidos só para não quebrar arquivos antigos. Em código novo use as rampas acima. */
--mkt-blue-night:var(--blue-850);
--mkt-blue-brand:var(--blue-600);
--mkt-blue-support:var(--blue-400);
--mkt-green-brand:var(--green-500);
--mkt-green-highlight:var(--green-400);
--mkt-neutral-100:var(--neutral-50);
--mkt-neutral-200:var(--neutral-150);
--mkt-border:var(--neutral-250);
--mkt-text-dark:var(--neutral-800);
--mkt-text-light:var(--neutral-300);
--mkt-text-3:var(--neutral-500);
--mkt-icon-bg-soft:var(--blue-100);
}