/* ==========================================================
   _vars.css — Design Tokens (variáveis CSS globais)
   Compartilhado por todas as páginas da plataforma.
   ========================================================== */

:root {
  /* ── Marca ──────────────────────────────────────────────── */
  --brand:         #189da7;
  --brand-dark:    #145d8e;
  --brand-darker:  #0a2543;
  --brand-soft:    #eff6ff;
  --brand-border:  #bfdbfe;
  --accent:        #dd3a81;

  /* ── Semântica compartilhada de UI ──────────────────────── */
  --primary:        var(--brand);
  --primary-dark:   var(--brand-dark);
  --primary-soft:   var(--brand-soft);
  --primary-border: var(--brand-border);

  /* ── Feedback ──────────────────────────────────────────── */
  --success:        #05965a;
  --success-soft:   #ecfdf5;
  --success-border: #6ee7b7;
  --warning:        #d97706;
  --warning-soft:   #fffbeb;
  --danger:         #dc2626;
  --danger-soft:    #fef2f2;
  --danger-border:  #fca5a5;

  /* ── Aspectos de frase (análise de entrevistas) ────────── */
  --aspecto-positivo:         #047857;
  --aspecto-positivo-soft:    #ecfdf5;
  --aspecto-positivo-border:  #6ee7b7;
  --aspecto-negativo:         #b91c1c;
  --aspecto-negativo-soft:    #fef2f2;
  --aspecto-negativo-border:  #fca5a5;
  --aspecto-aspiracao:        #6d28d9;
  --aspecto-aspiracao-soft:   #f5f3ff;
  --aspecto-aspiracao-border: #c4b5fd;

  /* ── Neutros ───────────────────────────────────────────── */
  --bg:             #f1f5f9;
  --surface:        #ffffff;
  --text:           #0f172a;
  --text-muted:     #64748b;
  --text-light:     #94a3b8;
  --line:           #e2e8f0;
  --line-dark:      #cbd5e1;

  /* ── Radii ─────────────────────────────────────────────── */
  --radius:         16px;
  --radius-md:      10px;
  --radius-sm:      6px;

  /* ── Sombras ───────────────────────────────────────────── */
  --shadow-sm:      0 1px 3px rgba(15,23,42,.07), 0 1px 2px rgba(15,23,42,.04);
  --shadow:         0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);
  --shadow-lg:      0 12px 40px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);

  /* ── Transições ────────────────────────────────────────── */
  --t:              .18s ease;

  /* ── Header (legado) ───────────────────────────────────── */
  --header-bg-color:  #0c3361;
  --header-text-color: #fff;
}