/* src/css/variables.css */
:root {
  /* Cores - Paleta Premium/Moderna com Contraste Alto */
  --color-primary: hsl(220, 90%, 56%);    /* Azul Premium */
  --color-primary-dark: hsl(220, 90%, 46%);
  --color-primary-light: hsl(220, 90%, 96%);
  
  --color-accent: hsl(340, 80%, 55%);     /* Rosa Pink/Neon (Call to Action) */
  --color-accent-dark: hsl(340, 80%, 45%);

  --color-success: hsl(150, 60%, 45%);    /* Verde para Sucesso (Checkout) */

  /* Neutros Escuros - Texto e Fundos */
  --color-dark: hsl(220, 20%, 15%);
  --color-dark-alt: hsl(220, 15%, 25%);
  
  /* Neutros Claros */
  --color-gray-100: hsl(220, 20%, 98%);
  --color-gray-200: hsl(220, 20%, 92%);
  --color-gray-300: hsl(220, 20%, 85%);
  --color-gray-400: hsl(220, 20%, 70%);
  
  --color-white: #ffffff;

  /* Glassmorphism e Sombras */
  --shadow-sm: 0 4px 6px rgba(0,0,0,0.05);
  --shadow-md: 0 10px 15px rgba(0,0,0,0.05), 0 4px 6px rgba(0,0,0,0.03);
  --shadow-lg: 0 20px 25px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.04);
  --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
  
  /* Transições Fixas para Micro-Interações */
  --transition-fast: 0.15s ease-out;
  --transition-normal: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);

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

  /* Fontes Modernas - Inter ou Roboto */
  --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}