:root {
  /* ── Paleta cinza (tom base do boilerplate) ── */
  --gray-950: #0d1117;
  --gray-900: #1a202c;
  --gray-800: #2d3748;
  --gray-700: #4a5568;
  --gray-600: #606878;
  --gray-500: #718096;
  --gray-400: #a0aec0;
  --gray-300: #cbd5e0;
  --gray-200: #e2e8f0;
  --gray-100: #f7fafc;
  --gray-50:  #fafafa;

  /* Aliases semânticos (trocar aqui ao criar novo sistema) */
  --primary-900: var(--gray-900);  /* sidebar background      */
  --primary-700: var(--gray-700);  /* sidebar hover / active  */
  --primary-500: var(--gray-500);  /* accent / item active bg */
  --primary-300: var(--gray-300);  /* borders leves           */
  --primary-100: var(--gray-100);  /* page background         */

  /* Neutros */
  --white:  #ffffff;
  --black:  #000000;

  /* Feedback */
  --green-600: #16a34a;
  --green-100: #dcfce7;
  --red-600:   #dc2626;
  --red-100:   #fee2e2;
  --yellow-600:#ca8a04;
  --yellow-100:#fef9c3;
  --blue-600:  #2563eb;
  --blue-100:  #dbeafe;

  /* Layout */
  --sidebar-w:           232px;
  --sidebar-w-collapsed:  64px;
  --topbar-h:             60px;
  --radius:               8px;
  --radius-sm:            6px;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,.10);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.18);
}