/* =====================================================================
   Só Indenizações — Tokens canônicos (colors_and_type.css)
   Fonte da verdade: so-indenisacoes-app/DESIGN_SYSTEM.md (v1.0.0) +
   logo real (logo.jpg): bordô #8B2D2D + laranja #C96A2B sobre branco.
   DS multi-portal: marca (bordô/laranja) + cor por portal (azul/roxo).
   ===================================================================== */
:root{
  /* — Marca (Primary Brand) — */
  --bordo:        #8B2D2D;
  --bordo-dk:     #6B2222;
  --bordo-lt:     #A83A3A;
  --bordo-bg:     #F5E6E6;

  /* — Laranja/Terracota (Secondary Brand) — */
  --laranja:      #C96A2B;
  --laranja-dk:   #A85520;
  --laranja-lt:   #E07D35;
  --laranja-bg:   #FDF3EB;

  /* — Accent — */
  --accent:       #E88A3C;
  --accent-lt:    #F5A55C;

  /* — Cor por portal (4 níveis de acesso) — */
  --admin:        #1e3b8a;
  --cliente:      #1e3b8a;
  --parceiro:     #7c3bed;
  --indicador:    #7c3bed;
  --parceiro-dk:  #5b21b6;

  /* — Neutras — */
  --ink:          #131118;   /* texto principal */
  --fg-1:         #131118;
  --fg-2:         #706189;   /* texto secundário */
  --fg-3:         #64748b;   /* texto terciário */
  --branco:       #ffffff;
  --bg:           #f7f6f8;   /* fundo principal */
  --bg-alt:       #ffffff;
  --surface:      #ffffff;
  --borda:        #dcdfe4;
  --borda-muted:  #e5e7eb;

  /* — Semânticas — */
  --ok:    #22c55e;  --ok-bg:   #f0fdf4;
  --warn:  #f59e0b;  --warn-bg: #fffbeb;
  --err:   #ef4444;  --err-bg:  #fef2f2;
  --info:  #3b82f6;  --info-bg: #eff6ff;
  --whats: #25D366;

  /* — Gradientes — */
  --grad-marca:      linear-gradient(135deg, #8B2D2D 0%, #C96A2B 100%);
  --grad-marca-hero: linear-gradient(135deg, #6B2222 0%, #8B2D2D 50%, #A83A3A 100%);
  --grad-laranja:    linear-gradient(180deg, #C96A2B 0%, #E88A3C 50%, #F5A55C 100%);
  --grad-indicador:  linear-gradient(to right, #581c87, #7c3aed);
  --grad-admin:      linear-gradient(135deg, #1e293b 0%, #1e3b8a 100%);

  /* — Tipografia — */
  --font-display: 'Manrope', system-ui, sans-serif;   /* títulos */
  --font-body:    'Inter', system-ui, sans-serif;     /* corpo */

  /* — Espaçamento (múltiplos de 4px) — */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  /* — Raio — */
  --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px; --r-2xl: 16px; --r-pill: 9999px;

  /* — Sombras — */
  --sh-sm: 0 1px 2px 0 rgb(0 0 0 / .05);
  --sh-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --sh-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --sh-marca: 0 4px 14px 0 rgba(139, 45, 45, .25);
}