:root {
  /* Couleurs principales extraites du logo Mathitech */
  --mathitech-blue: #0000ff; /* Bleu vif du texte "Mathitech" */
  --mathitech-cyan: #5ce1e6; /* Cyan/turquoise de l'icône */
  --mathitech-cyan-hover: #4dd4d9;
  --mathitech-orange: #f97316;
  --mathitech-dark: #0f172a;
  --mathitech-dark-secondary: #1e293b;
  --mathitech-white: #ffffff;
  --mathitech-gray-light: #f1f5f9;
  --mathitech-gray-medium: #94a3b8;
  --mathitech-gray-dark: #475569;
  
  /* Shadows */
  --mathitech-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --mathitech-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --mathitech-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --mathitech-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --mathitech-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  
  /* Success (Vert - utilise le cyan du logo) */
  --mathitech-success-light: #d1fae5;
  --mathitech-success: #5ce1e6; /* Cyan du logo */
  --mathitech-success-dark: #4dd4d9;

  /* Warning (Orange) */
  --mathitech-warning-light: #fef3c7;
  --mathitech-warning: #f59e0b;
  --mathitech-warning-dark: #d97706;

  /* Error (Rouge) */
  --mathitech-error-light: #fee2e2;
  --mathitech-error: #ef4444;
  --mathitech-error-dark: #dc2626;

  /* Info (Bleu du logo) */
  --mathitech-info-light: #dbeafe;
  --mathitech-info: #0000ff; /* Bleu vif du logo */
  --mathitech-info-dark: #0000cc;

  /* Gradients */
  --mathitech-gradient-primary: linear-gradient(135deg, var(--mathitech-blue) 0%, var(--mathitech-cyan) 100%);
  --mathitech-gradient-accent: linear-gradient(135deg, var(--mathitech-orange) 0%, #ea580c 100%);
  --mathitech-gradient-dark: linear-gradient(135deg, var(--mathitech-dark) 0%, var(--mathitech-dark-secondary) 100%);


  --pixel-logo: 70px;
}