/* BH Sorriso — tokens. Estrutura em base.css. */
:root{
  --brand:#1E5FCC;
  --brand-700:#1A50AC;
  --brand-800:#15408A;
  --brand-900:#0E2C5F;
  --brand-100:#C9DBF7;
  --brand-50:#EFF4FD;
  --on-brand:#FFFFFF;
  --brand-shadow:#1E5FCC8C;

  --bg:#FFFFFF;
  --bg-2:#EFF4FD;
  --surface:#FFFFFF;
  --line:#C9DBF7;
  --line-2:#C9DBF7;

  --fg:#0E2C5F;
  --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:"Sora",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,#0E2C5F,#1A50AC 60%,#1E5FCC);
  --hero-wash:radial-gradient(44% 42% at 22% 26%,#1E5FCC2E,transparent 70%),
              radial-gradient(38% 36% at 80% 30%,#1E5FCC1F,transparent 70%);
  --cta-bg:linear-gradient(150deg,#15408A,#1E5FCC);
  --cta-fg:#C9DBF7;
  --panel-bg:linear-gradient(155deg,#EFF4FD,#FFFFFF);
  --panel-border:#C9DBF7;
}