/* ========================================================================
   CARGLASS DESIGN SYSTEM — TOKENS
   Fonte normativa: docs/carglass-design-kit/01-identidade-visual.md
   Não editar valores livremente: qualquer nova cor/espaçamento deve vir
   do Design Kit. Este arquivo deve ser carregado após o CSS legado.
   ======================================================================== */

:root {
  /* Cor primária (vermelho Carglass) e escala */
  --color-primary: #E1251B;
  --color-primary-light-50: #FDF2F2;
  --color-primary-light-100: #F9D0CE;
  --color-primary-light-200: #F4ADAA;
  --color-primary-light-300: #EF8882;
  --color-primary-light-400: #EA6760;
  --color-primary-light-500: #E54138;
  --color-primary-bold-600: #C72118;
  --color-primary-bold-700: #9E1A13;
  --color-primary-bold-800: #72130E;
  --color-primary-bold-900: #4A0C09;
  --color-primary-bold-1000: #1F0504;

  /* Neutros */
  --color-text-primary: #172238;
  --color-text-secondary: #65728A;
  --color-border: #E7EAF0;
  --color-background-light: #F7F8FB;
  --color-background-white: #FFFFFF;

  /* Status */
  --color-success: #50CD89;
  --color-warning: #FFC700;
  --color-error: #E31B23;
  --color-info: #1265B3;
  --color-neutral: #526078;

  /* Tipografia */
  --font-family: 'Inter', Arial, sans-serif;

  /* Espaçamentos */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --space-3xl: 56px;
  --space-4xl: 70px;

  /* Raios */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 13px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* Breakpoints (uso em comentários/documentação; media queries usam valor literal) */
  --breakpoint-sm: 420px;
  --breakpoint-md: 820px;
  --breakpoint-lg: 1250px;

  /* Transições */
  --transition-fast: 120ms ease;
  --transition-normal: 200ms ease;
}