/* Compor — tokens. Estrutura em base.css. */
:root{
  --brand:#2E8B6E;
  --brand-700:#26735B;
  --brand-800:#1E5B48;
  --brand-900:#143E31;
  --brand-100:#C6E5DA;
  --brand-50:#EFF9F5;
  --on-brand:#FFFFFF;
  --brand-shadow:#2E8B6E8C;

  --bg:#FFFFFF;
  --bg-2:#EFF9F5;
  --surface:#FFFFFF;
  --line:#C6E5DA;
  --line-2:#C6E5DA;

  --fg:#143E31;
  --fg-2:#4A5560;
  --fg-3:#6B7480;

  --sh-sm:0 1px 2px rgba(16,24,40,.05),0 2px 8px rgba(16,24,40,.05);
  --sh-md:0 2px 6px rgba(16,24,40,.06),0 12px 30px -10px rgba(16,24,40,.14);

  --f-display:"Plus Jakarta Sans",system-ui,sans-serif;
  --f-body:"Inter",system-ui,sans-serif;

  --hdr-bg:rgba(255,255,255,.9);
  --nav-mobile-bg:rgba(255,255,255,.98);
  --demo-bg:linear-gradient(90deg,#143E31,#26735B 60%,#2E8B6E);
  --hero-wash:radial-gradient(44% 42% at 22% 26%,#2E8B6E2E,transparent 70%),
              radial-gradient(38% 36% at 80% 30%,#2E8B6E1F,transparent 70%);
  --cta-bg:linear-gradient(150deg,#1E5B48,#2E8B6E);
  --cta-fg:#C6E5DA;
  --panel-bg:linear-gradient(155deg,#EFF9F5,#FFFFFF);
  --panel-border:#C6E5DA;
}