/* ==========================================================================
   LOCK CAR CRM - DESIGN TOKENS & PALETA DE CORES OFICIAL
   Baseado fielmente na identidade da pasta inspiração
   ========================================================================== */

:root {
  /* Paleta de Cores Oficial (Mockup 1) */
  --color-primary: #6B2DF5;         /* Roxo principal */
  --color-primary-dark: #4A1DBF;    /* Violeta escuro */
  --color-primary-light: #DCCFFF;   /* Lilás claro */
  --color-primary-subtle: #F2ECFF;  /* Lavanda suave */
  --color-primary-glow: rgba(107, 45, 245, 0.18);
  --color-primary-hover: #5922D9;

  /* Neutros Oficiais */
  --color-offwhite: #FAFAFC;        /* Off-white fundo */
  --color-gray-light: #ECEEF2;      /* Cinza claro bordas */
  --color-gray-medium: #AEB3BF;     /* Cinza médio */
  --color-almost-black: #0F1117;    /* Quase preto textos */
  
  --color-bg-app: #FAFAFC;
  --color-bg-card: #FFFFFF;
  --color-bg-hover: #F6F7FA;
  --color-border: #ECEEF2;
  --color-border-subtle: #F0F2F6;
  
  --color-text-main: #0F1117;
  --color-text-muted: #6B7280;
  --color-text-light: #AEB3BF;
  --color-sidebar-bg: #FFFFFF;

  /* Status Colors */
  --color-success: #10B981;
  --color-success-subtle: #DCFCE7;
  --color-success-text: #15803D;

  --color-warning: #F59E0B;
  --color-warning-subtle: #FEF3C7;
  --color-warning-text: #B45309;

  --color-danger: #EF4444;
  --color-danger-subtle: #FEE2E2;
  --color-danger-text: #B91C1C;

  --color-info: #3B82F6;
  --color-info-subtle: #DBEAFE;
  --color-info-text: #1D4ED8;

  --color-purple-status: #7C3AED;
  --color-purple-subtle: #EDE9FE;
  --color-purple-text: #6B21A8;

  /* Tipografia Oficial (Mockup 1) */
  --font-heading: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Sombras */
  --shadow-xs: 0 1px 2px rgba(15, 17, 23, 0.04);
  --shadow-sm: 0 1px 3px rgba(15, 17, 23, 0.05), 0 1px 2px rgba(15, 17, 23, 0.03);
  --shadow-md: 0 4px 12px rgba(15, 17, 23, 0.06), 0 1px 3px rgba(15, 17, 23, 0.03);
  --shadow-lg: 0 12px 30px rgba(107, 45, 245, 0.08), 0 4px 12px rgba(15, 17, 23, 0.04);
  --shadow-modal: 0 20px 50px rgba(15, 17, 23, 0.16), 0 8px 20px rgba(107, 45, 245, 0.08);

  /* Bordas Arredondadas */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Transições */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}