/* Odontobom — tokens. Estrutura em base.css. */
:root{
  --brand:#0B4F8A;
  --brand-700:#0A4478;
  --brand-800:#08365F;
  --brand-900:#052540;
  --brand-100:#C7DEF2;
  --brand-50:#EFF6FC;
  --on-brand:#FFFFFF;
  --brand-shadow:#0B4F8A8C;

  --bg:#FFFFFF;
  --bg-2:#EFF6FC;
  --surface:#FFFFFF;
  --line:#C7DEF2;
  --line-2:#C7DEF2;

  --fg:#052540;
  --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:"Manrope",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,#052540,#0A4478 60%,#0B4F8A);
  --hero-wash:radial-gradient(44% 42% at 22% 26%,#0B4F8A2E,transparent 70%),
              radial-gradient(38% 36% at 80% 30%,#0B4F8A1F,transparent 70%);
  --cta-bg:linear-gradient(150deg,#08365F,#0B4F8A);
  --cta-fg:#C7DEF2;
  --panel-bg:linear-gradient(155deg,#EFF6FC,#FFFFFF);
  --panel-border:#C7DEF2;
}