/* Variáveis CSS compartilhadas entre templates */

:root {
  /* Background - Mantido (não alterar) */
  --background: 0 0% 3.9%;
  --surface: 0 0% 6.9%;
  --text-primary: 0 0% 98%;
  --text-secondary: 0 0% 63.9%;
  --border: 0 0% 14.9%;
  --radius: 0.5rem;
  
  /* Cores Base */
  --foreground: 0 0% 98%;
  --card: 0 0% 6.9%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 3.9%;
  --popover-foreground: 0 0% 98%;
  
  /* Cores Primárias - Verde Anterior */
  --primary: 152 82% 26%; /* #065f46 */
  --primary-dark: 152 82% 24%;
  --primary-foreground: 0 0% 98%; /* Branco */
  
  /* Cores Secundárias */
  --secondary: 0 0% 14.9%;
  --secondary-foreground: 0 0% 98%;
  
  /* Cores Muted */
  --muted: 0 0% 14.9%;
  --muted-foreground: 0 0% 63.9%;
  
  /* Cores Accent */
  --accent: 0 0% 14.9%;
  --accent-foreground: 0 0% 98%;
  
  /* Cores Destrutivas */
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  
  /* Inputs e Bordas */
  --input: 0 0% 14.9%;
  --ring: 152 82% 26%; /* Verde anterior para focus ring */
  
  /* Cores UI - Cinzas */
  --ui-gray: 0 0% 16.5%; /* #2A2A2A */
  --ui-gray-light: 0 0% 90%; /* #E5E5E5 */
  
  /* Border Radius - Shadcn */
  --radius-sm: 0.375rem;
  --radius-lg: 0.75rem;
  
  /* Transições - Shadcn */
  --transition: all 0.2s ease;
  --transition-fast: all 0.15s ease;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Sombras - Shadcn */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}