:root {
  /* ── Cores (Adaptadas do Neuroplanej + Skill DonBank) ── */
  --color-primary:     #0ea5e9;
  --color-primary-dark: #0284c7;
  --color-accent:      #6366f1;
  --color-success:     #10b981;
  --color-danger:      #ef4444;
  --color-warning:     #f59e0b;
  
  --color-dark:        #0f172a;
  --color-slate-900:   #0f172a;
  --color-slate-800:   #1e293b;
  --color-slate-700:   #334155;
  --color-slate-600:   #475569;
  --color-slate-500:   #64748b;
  --color-slate-400:   #94a3b8;
  --color-slate-300:   #cbd5e1;
  --color-slate-200:   #e2e8f0;
  --color-slate-100:   #f1f5f9;
  --color-slate-50:    #f8fafc;
  
  --color-white:       #ffffff;
  --color-glass-white: rgba(255, 255, 255, 0.5);
  --color-glass-dark:  rgba(15, 23, 42, 0.6);

  /* ── Neuro Colors ── */
  --neuro-emocao:      #ec4899;
  --neuro-atencao:     #f59e0b;
  --neuro-interesse:   #8b5cf6;
  --neuro-desenvolvimento: #10b981;
  --neuro-avaliacao:   #3b82f6;

  /* ── Tipografia ── */
  --font-primary:  'Plus Jakarta Sans', sans-serif;
  
  /* ── Espaçamento ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* ── Bordas e Sombras ── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:  0 10px 40px rgba(0,0,0,.12);
  --shadow-xl:  0 20px 60px rgba(0,0,0,.15);

  /* ── Transições ── */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Layout ── */
  --header-height: 72px;
  --sidebar-width: 288px; /* 72 * 4 = 18rem */
}

/* Dark Mode Overrides */
.dark {
  --color-slate-50:    #020617;
  --color-glass-white: rgba(30, 41, 59, 0.7);
  --color-slate-100:   #1e293b;
  --color-slate-200:   #334155;
}