/**
 * Faso Billetterie - Variables CSS
 * Design system cohérent pour l'application
 */

:root {
  /* Couleurs principales */
  --fb-primary: #0056b3;
  --fb-primary-dark: #003d82;
  --fb-primary-light: #e8f1fa;
  --fb-secondary: #ff8800;
  --fb-secondary-dark: #e67a00;
  --fb-secondary-light: #fff3e6;

  /* Couleurs Burkina (optionnel) */
  --fb-green: #009e49;
  --fb-yellow: #fcd116;
  --fb-red: #ef2b2d;

  /* Neutres */
  --fb-white: #ffffff;
  --fb-gray-50: #f9fafb;
  --fb-gray-100: #f3f4f6;
  --fb-gray-200: #e5e7eb;
  --fb-gray-300: #d1d5db;
  --fb-gray-500: #6b7280;
  --fb-gray-600: #4b5563;
  --fb-gray-700: #374151;
  --fb-gray-900: #111827;

  /* Typographie */
  --fb-font-sans: 'Montserrat', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --fb-font-display: 'Pacifico', cursive;

  /* Espacements */
  --fb-space-xs: 0.25rem;
  --fb-space-sm: 0.5rem;
  --fb-space-md: 1rem;
  --fb-space-lg: 1.5rem;
  --fb-space-xl: 2rem;
  --fb-space-2xl: 3rem;

  /* Rayons */
  --fb-radius-sm: 6px;
  --fb-radius-md: 8px;
  --fb-radius-lg: 12px;
  --fb-radius-xl: 16px;
  --fb-radius-full: 9999px;

  /* Ombres */
  --fb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --fb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --fb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --fb-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  --fb-shadow-card-hover: 0 12px 28px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);

  /* Transitions */
  --fb-transition: 0.2s ease;
  --fb-transition-slow: 0.3s ease;
}