/* 
 * MEI em Foco - Variáveis CSS
 * Projeto de extensão da Universidade de Vassouras - Campus Maricá
 * Desenvolvido por: Diogo Santana Cardoso
 */

:root {
  /* Cores principais */
  --primary-color: #990000; /* Vermelho escuro - cor institucional principal */
  --secondary-color: #4D5D6C; /* Cinza azulado - para títulos e elementos secundários */
  --accent-color: #FF5722; /* Laranja - para botões de ação e destaques */
  
  /* Cores neutras */
  --white: #FFFFFF; /* Fundo principal */
  --light-gray: #F5F5F5; /* Fundo alternativo */
  --medium-gray: #E0E0E0; /* Bordas e separadores */
  --dark-gray: #333333; /* Texto principal */
  --black: #000000;
  
  /* Cores de estado */
  --success: #28A745;
  --warning: #FFC107;
  --danger: #DC3545;
  --info: #17A2B8;
  
  /* Tipografia */
  --font-family: 'Roboto', sans-serif;
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 18px;
  --font-size-xlarge: 24px;
  --font-size-xxlarge: 32px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  
  /* Espaçamento */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 3rem;
  
  /* Bordas e sombras */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-circle: 50%;
  --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0 5px 15px rgba(0, 0, 0, 0.2);
  
  /* Transições */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Breakpoints */
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  
  /* Containers */
  --container-max-width: 1200px;
  --container-padding: 1rem;
  
  /* Z-index */
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
}
