:root {
  /* Cores MKinvo - Trust-First Palette (Slate & Cobalt) */
  --color-primary: #0F172A; /* Slate 900 - Base sólida para a marca/sidebar */
  --color-primary-hover: #1E293B; /* Slate 800 */
  --color-accent: #2563EB; /* Cobalt Blue 600 - Ação primária */
  --color-accent-hover: #1D4ED8; /* Cobalt Blue 700 */
  
  --color-teal: #10B981; /* Emerald 500 para Sucesso */
  --color-teal-hover: #059669; /* Emerald 600 */
  --color-yellow: #F59E0B; /* Amber 500 para Alertas */
  --color-yellow-hover: #D97706; /* Amber 600 */
  
  --color-white: #FFFFFF;
  --color-bg-app: #F8FAFC; /* Slate 50 - Fundo da aplicação */
  
  /* Escala de Cinza (Apoio - Slate) */
  --color-gray-50: #F8FAFC;
  --color-gray-100: #F1F5F9;
  --color-gray-200: #E2E8F0;
  --color-gray-300: #CBD5E1;
  --color-gray-400: #94A3B8;
  --color-gray-500: #64748B;
  --color-gray-600: #475569;
  --color-gray-700: #334155;
  --color-gray-800: #1E293B;
  --color-gray-900: #0F172A;

  /* Alertas / Feedback */
  --color-success: var(--color-teal);
  --color-warning: var(--color-yellow);
  --color-error: #E11D48; /* Rose 600 */
  --color-error-light: rgba(225, 29, 72, 0.08); /* Rose 50 / Atenuado */
  --color-error-border: rgba(225, 29, 72, 0.25); /* Rose 200 / Borda suave */
  --color-info: #0284C7; /* Sky 600 */

  /* Tipografia (Acessível & Unificada) */
  --font-title: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  
  /* Rampa Tipográfica (DESIGN.md) */
  --font-size-display: 1.875rem;
  --font-size-headline: 1.5rem;
  --font-size-title: 1.125rem;
  --font-size-body: 0.875rem;
  --font-size-label: 0.75rem;

  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  
  /* Dimensões / Layout */
  --sidebar-width: 250px;
  --header-height: 64px;
  
  /* Espaçamento (Baseado em 4px) */
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-12: 3rem;
  
  /* Bordas e Sombras (Taste Skill: Consistência geométrica, raios menores, sombras contidas) */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  
  /* Sombras tintadas para não serem pretas puras */
  --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.1), 0 4px 6px -4px rgba(15, 23, 42, 0.05);
  
  /* Transições */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1);

  /* Elevação e Profundidade Tintada (Design Audit) */
  --shadow-tinted-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.06), 0 1px 2px -1px rgba(15, 23, 42, 0.04);
  --shadow-tinted-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --shadow-tinted-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.1), 0 4px 6px -4px rgba(15, 23, 42, 0.05);

  /* Vidro & Efeitos de Desfoque */
  --backdrop-blur: blur(8px);
  --overlay-bg: rgba(15, 23, 42, 0.55);

  /* Interações Táteis */
  --transform-active: scale(0.985);
}