/* Custom styles extracted from index.html (2025-11-27 14:03:32) */
/* Custom CSS pour ce qui ne peut pas être fait avec Tailwind */
      body {
        background-color: #FDFBF7;
        color: #1C1917;
      }
      ::selection {
        background-color: #1C1917;
        color: #FDFBF7;
      }
      
      /* Masquer la scrollbar tout en permettant le scroll */
      .scrollbar-hide::-webkit-scrollbar {
          display: none;
      }
      .scrollbar-hide {
          -ms-overflow-style: none;
          scrollbar-width: none;
      }

      /* Transitions pour la démo */
      .perspective-1000 {
        perspective: 1000px;
      }
      
      .backface-hidden {
        backface-visibility: hidden;
      }
      
      .rotate-y-0 {
        transform: rotateY(0deg);
      }
      
      .rotate-y-90 {
        transform: rotateY(90deg);
      }
      
      .rotate-y-n90 {
        transform: rotateY(-90deg);
      }

      /* Noise Texture */
      .bg-noise {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        filter: contrast(120%) brightness(100%);
      }

      .rouge {
        color: #ff2a2a;
      }