/* assets/css/variables.css */
:root {
  /* Paleta Dark Tech Premium */
  --color-primary:        #FF8C00;
  --color-primary-rgb:    255, 140, 0;
  --color-primary-light:  rgba(255, 140, 0, 0.15);
  
  --color-secondary:      #004AAD;
  --color-secondary-rgb:  0, 74, 173;
  
  --color-accent:         #10B981;
  
  --color-bg:             #0B0F19;
  --color-surface:        #131A2A;
  --color-surface-glass:  rgba(255, 255, 255, 0.04);
  
  --color-text:           #F8FAFC;
  --color-text-rgb:       248, 250, 252;
  --color-text-muted:     rgba(248, 250, 252, 0.55);
  
  --color-border:         rgba(255, 255, 255, 0.10);

  /* Tipografia do Google Fonts (Inter) */
  --font-display: 'Inter', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    monospace;

  /* Escala Tipográfica Fluida */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.5rem;
  --text-4xl:  3rem;

  /* Espaçamento (Escala 4px) */
  --space-1: 0.25rem;  
  --space-2: 0.5rem;  
  --space-3: 0.75rem;
  --space-4: 1rem;     
  --space-6: 1.5rem;  
  --space-8: 2rem;
  --space-12: 3rem;    
  --space-16: 4rem;   
  --space-24: 6rem;

  /* Bordas */
  --radius-sm: 6px;   
  --radius-md: 12px;
  --radius-lg: 20px;  
  --radius-full: 9999px;

  /* Sombras e Efeitos */
  --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.30);
  --shadow-md:   0 8px 32px rgba(0, 0, 0, 0.40);
  --shadow-glow: 0 0 40px var(--color-primary-light);

  /* Transições */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-index Management */
  --z-base: 0; 
  --z-dropdown: 100; 
  --z-sticky: 200;
  --z-chatbot: 900; 
  --z-cookie: 950; 
  --z-modal: 1000;
}