/* ==========================================================================
   PrescrevaJá — Design System Global Premium
   Direção Visual: SaaS Médico Contemporâneo
   Paleta Oficial:
     - Verde principal:   #064E40
     - Verde secundário:  #0D8067
     - Verde claro:       #EAF5F1
     - Fundo geral:       #F5F8F7
     - Cards:             #FFFFFF
     - Bordas:            #DFE8E4
     - Texto principal:   #18332D
     - Texto secundário:  #71817C
     - Vermelho:          #DC2626 (Alertas clínicos e ações destrutivas)
   ========================================================================== */

:root {
  /* 1. Paleta de Identidade e Ação */
  --color-brand-primary: #064E40;
  --color-brand-primary-hover: #04382E;
  --color-brand-secondary: #0D8067;
  --color-brand-secondary-hover: #0A6954;
  --color-brand-accent: #0D8067;
  --color-accent: #0D8067;
  --color-brand-light: #EAF5F1;
  --color-brand-border: #B6DECE;
  --color-brand-glow: rgba(13, 128, 103, 0.16);
  --color-accent-soft: rgba(13, 128, 103, 0.08);

  /* 2. Base Neutra, Superfícies e Bordas */
  --color-bg: #F5F8F7;
  --color-surface: #FFFFFF;
  --color-surface-subtle: #EEF5F2;
  --color-surface-hover: #E7EFEA;
  --color-border-card: #DFE8E4;
  --color-border-strong: #CDDCD6;
  --color-border-input: #CAD7D1;
  --color-border-hover: #9EBAAF;

  /* 3. Hierarquia Tipográfica */
  --color-text-main: #18332D;
  --color-text-heading: #18332D;
  --color-text-muted: #71817C;
  --color-text-label: #71817C;
  --color-text-soft: #8D9B97;
  --color-text-inverse: #FFFFFF;

  /* 4. Semântica Discreta e Alertas Clínicos */
  --badge-success-bg: #EAF5F1;
  --badge-success-text: #064E40;
  --badge-success-border: #B6DECE;

  --badge-warning-bg: #FFFBEB;
  --badge-warning-text: #92400E;
  --badge-warning-border: #FDE68A;

  --badge-danger-bg: #FEF2F2;
  --badge-danger-text: #B91C1C;
  --badge-danger-border: #FCA5A5;

  --badge-neutral-bg: #F0F4F2;
  --badge-neutral-text: #4F615B;
  --badge-neutral-border: #DFE8E4;

  /* 5. Escala de Espaçamentos (Múltiplos de 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --gap: 16px;

  /* 6. Raios e Elevação Sutil */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --shadow-xs: 0 1px 2px rgba(24, 51, 45, 0.04);
  --shadow-card: 0 1px 3px rgba(24, 51, 45, 0.04), 0 1px 2px rgba(24, 51, 45, 0.02);
  --shadow-hover: 0 6px 16px -2px rgba(24, 51, 45, 0.08), 0 2px 4px -1px rgba(24, 51, 45, 0.03);
  --shadow-modal: 0 24px 48px -8px rgba(6, 78, 64, 0.16), 0 12px 24px -4px rgba(6, 78, 64, 0.08);
  --shadow-dropdown: 0 10px 25px -5px rgba(24, 51, 45, 0.1), 0 8px 10px -6px rgba(24, 51, 45, 0.05);

  /* 7. Família e Escala Tipográfica */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --text-page-title: clamp(1.375rem, 1.25rem + 0.35vw, 1.625rem); /* 22px - 26px */
  --text-section-title: 1rem;                                     /* 16px */
  --text-subtitle: 0.875rem;                                      /* 14px */
  --text-body: 0.875rem;                                          /* 14px */
  --text-label: 0.78125rem;                                       /* 12.5px */
  --text-aux: 0.75rem;                                            /* 12px */

  /* 8. Tokens da Barra Lateral (#064E40) */
  --side-width: 256px;
  --side-bg: #064E40;
  --side-surface: rgba(255, 255, 255, 0.06);
  --side-surface-hover: rgba(255, 255, 255, 0.10);
  --side-active-bg: rgba(255, 255, 255, 0.14);
  --side-line: rgba(255, 255, 255, 0.12);
  --side-text: rgba(255, 255, 255, 0.88);
  --side-muted: rgba(255, 255, 255, 0.62);

  /* 9. Dica / Banner Informativo */
  --tip-bg: #EAF5F1;
  --tip-border: #B6DECE;
  --tip-text: #064E40;
}