/* Dr. Abdala — tokens. Estrutura em base.css. */
:root{
  --brand:#1B4FA0;
  --brand-700:#174288;
  --brand-800:#12356D;
  --brand-900:#0C244A;
  --brand-100:#C9DAF3;
  --brand-50:#EFF4FC;
  --on-brand:#FFFFFF;
  --brand-shadow:#1B4FA08C;

  --bg:#FFFFFF;
  --bg-2:#EFF4FC;
  --surface:#FFFFFF;
  --line:#C9DAF3;
  --line-2:#C9DAF3;

  --fg:#0C244A;
  --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:"Outfit",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,#0C244A,#174288 60%,#1B4FA0);
  --hero-wash:radial-gradient(44% 42% at 22% 26%,#1B4FA02E,transparent 70%),
              radial-gradient(38% 36% at 80% 30%,#1B4FA01F,transparent 70%);
  --cta-bg:linear-gradient(150deg,#12356D,#1B4FA0);
  --cta-fg:#C9DAF3;
  --panel-bg:linear-gradient(155deg,#EFF4FC,#FFFFFF);
  --panel-border:#C9DAF3;
}