/* ==========================================================================
   INSTITUTO SAPIENS — DESIGN TOKENS
   Paleta extraída do logotipo oficial + verticais de negócio.
   ========================================================================== */

:root {

  /* ---- Institucional / Rede Sapiens Network (vinho/carmim — cor da marca) ---- */
  --sapiens-950: #14000E;
  --sapiens-900: #22021E;
  --sapiens-800: #3B0A2C;
  --sapiens-700: #5C0E37;
  --sapiens-600: #8B1044;
  --sapiens-500: #C6003C;
  --sapiens-400: #E23B6B;
  --sapiens-300: #EE7EA0;
  --sapiens-100: #F4C0D1;
  --sapiens-50:  #F7E3EA;

  --sapiens-gradient: linear-gradient(135deg, var(--sapiens-950) 0%, var(--sapiens-800) 40%, var(--sapiens-600) 85%, var(--sapiens-500) 100%);
  --sapiens-gradient-text: linear-gradient(90deg, var(--sapiens-300), var(--sapiens-500));

  /* ---- Loja Águia (verde) ---- */
  --agila-900: #04342C;
  --agila-700: #085041;
  --agila-600: #0F6E56;
  --agila-500: #1D9E75;
  --agila-100: #9FE1CB;
  --agila-50:  #E1F5EE;

  /* ---- B2B / Empresas (âmbar) ---- */
  --b2b-900: #1B1108;
  --b2b-700: #633806;
  --b2b-600: #854F0B;
  --b2b-500: #BA7517;
  --b2b-400: #EF9F27;
  --b2b-100: #FAC775;
  --b2b-50:  #FAEEDA;
  --b2b-pilot-bg: #FAECE7;
  --b2b-pilot-text: #712B13;
  --b2b-gradient: linear-gradient(135deg, var(--b2b-900) 0%, var(--b2b-700) 45%, var(--b2b-500) 100%);
  --b2b-gradient-text: linear-gradient(90deg, var(--b2b-100), var(--b2b-500));

  /* ---- WhatsApp (cor de marca, uso restrito ao botão flutuante) ---- */
  --whatsapp: #25D366;
  --whatsapp-dark: #128C4E;

  /* ---- Neutros (seções claras) ---- */
  --neutral-900: #201C1E;
  --neutral-700: #5B5559;
  --neutral-500: #8A8388;
  --neutral-300: #C7C1C4;
  --neutral-200: #E4DEE0;
  --neutral-100: #EFE9EB;
  --neutral-50:  #F8F4F2;
  --neutral-bg:  #FBF8F6;
  --white: #FFFFFF;

  /* ---- Neutros sobre fundo escuro ---- */
  --on-dark-100: #FFFFFF;
  --on-dark-80: rgba(255,255,255,0.82);
  --on-dark-60: rgba(255,255,255,0.62);
  --on-dark-border: rgba(255,255,255,0.14);
  --on-dark-surface: rgba(255,255,255,0.06);

  --color-success: #1D9E75;
  --color-warning: #BA7517;

  /* ---- Tipografia ---- */
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13.5px;
  --fs-base: 15.5px;
  --fs-md: 17px;
  --fs-lg: 19px;
  --fs-xl: 26px;
  --fs-2xl: 34px;
  --fs-3xl: 42px;
  --fs-4xl: 58px;
  --lh-tight: 1.1;
  --lh-normal: 1.6;
  --lh-loose: 1.75;

  /* ---- Espaçamento e forma ---- */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 22px;
  --space-6: 28px;
  --space-8: 44px;
  --space-10: 64px;
  --space-13: 104px;
  --max-width: 1240px;

  --shadow-xs: 0 1px 2px rgba(20,0,14,.06);
  --shadow-sm: 0 4px 14px rgba(20,0,14,.08);
  --shadow-md: 0 16px 40px rgba(20,0,14,.14);
  --shadow-lg: 0 30px 70px rgba(20,0,14,.28);

  --ease: cubic-bezier(.22,1,.36,1);
  --dur-fast: .18s;
  --dur-base: .35s;
  --dur-slow: .7s;
}