/* ============================================================
   AZPET™ · Design System v3.0 — TOKENS (plataforma)
   Azul #2563EB = cromo de UI. Teal = marca/relatórios.
   Verde/âmbar/azul-longitudinal = EXCLUSIVOS da semântica clínica.
   Fonte única — não redefinir cores/fontes localmente.
   ============================================================ */
:root {
  /* ---------- Marca ---------- */
  --azpet-teal:        #0099BB;
  --azpet-teal-deep:   #006F8A;
  --azpet-teal-light:  #E0F7FC;
  --azpet-navy:        #071827;
  --azpet-meianoite:   #0D1F3C;

  /* ---------- Azul de UI (cromo da plataforma) ---------- */
  --ui-blue:        #2563EB;
  --ui-blue-deep:   #1D4ED8;
  --ui-blue-700:    #1E40AF;
  --ui-blue-100:    #E8F0FE;
  --ui-blue-50:     #F4F8FF;
  --ui-blue-tint:   #EAF2FF;

  /* ---------- Semântica clínica (reservada) ---------- */
  --azpet-green:    #2E9D70;
  --azpet-amber:    #D97706;
  --azpet-long:     #5B8DEF;

  /* ---------- Neutros / tinta ---------- */
  --azpet-ink:      #071827;
  --azpet-ink-2:    #33485A;
  --azpet-ink-3:    #5B7180;
  --azpet-ink-4:    #7B8F9C;
  --azpet-line:     #E6EDF2;
  --azpet-line-2:   #EEF2F5;
  --azpet-nevoa:    #F8FAFC;
  --azpet-branco:   #FFFFFF;

  /* ---------- Tipografia ---------- */
  --font-title: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:  'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:  'IBM Plex Mono', ui-monospace, monospace;

  /* ---------- Raio / sombra ---------- */
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 18px;
  --shadow-card: 0 1px 3px rgba(7, 24, 39, .05);
  --shadow-pop:  0 10px 30px -18px rgba(7, 24, 39, .35);

  /* ---------- Aliases legados (compatibilidade com views existentes) ---------- */
  --navy: var(--azpet-navy);
  --meianoite: var(--azpet-meianoite);
  --teal: var(--azpet-teal);
  --teal-deep: var(--azpet-teal-deep);
  --teal-light: var(--azpet-teal-light);
  --nevoa: var(--azpet-nevoa);
  --branco: var(--azpet-branco);
  --green: var(--azpet-green);
  --amber: var(--azpet-amber);
  --long: var(--azpet-long);
  --gold: #C8A24B;
  --ink: var(--azpet-ink);
  --ink-2: var(--azpet-ink-2);
  --ink-3: var(--azpet-ink-3);
  --ink-4: var(--azpet-ink-4);
  --line: var(--azpet-line);
  --line-2: var(--azpet-line-2);

  /* aliases usados por components.css legado */
  --radius-md: var(--r-md);
  --border-color: var(--azpet-line);
  --shadow-sm: var(--shadow-card);
  --text-secondary: var(--azpet-ink-3);
  --text-muted: var(--azpet-ink-4);
  --success: #1E7A54;
  --success-light: #E7F6EF;
  --danger: #B4232A;
  --danger-light: #FDECEC;
  --azpet-inline-card-border: var(--azpet-line);
}