/* Horizonte — tokens. Estrutura em base.css. */
:root{
  --brand:#12355B;
  --brand-700:#0F2C4B;
  --brand-800:#0B2039;
  --brand-900:#071528;
  --brand-100:#C6D5E6;
  --brand-50:#EFF3F8;
  --on-brand:#FFFFFF;
  --brand-shadow:#12355B8C;

  --bg:#FFFFFF;
  --bg-2:#EFF3F8;
  --surface:#FFFFFF;
  --line:#C6D5E6;
  --line-2:#C6D5E6;

  --fg:#071528;
  --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,#071528,#0F2C4B 60%,#12355B);
  --hero-wash:radial-gradient(44% 42% at 22% 26%,#12355B2E,transparent 70%),
              radial-gradient(38% 36% at 80% 30%,#12355B1F,transparent 70%);
  --cta-bg:linear-gradient(150deg,#0B2039,#12355B);
  --cta-fg:#C6D5E6;
  --panel-bg:linear-gradient(155deg,#EFF3F8,#FFFFFF);
  --panel-border:#C6D5E6;
}