@import "tailwindcss";

@theme {
    --color-platinum: #E5E5E5;
    --color-champagne: #F3E5D0;
    --color-noir: #0A0A0A;
    --color-umber: #5E4B3A;
    --color-parchment: #F8F4E9;
  
    --font-sans: 'Manrope', sans-serif;
    --font-serif: 'Marcellus', serif;
  
    --animation-fade-in: fadeIn 1.5s ease-in;
    --animation-float: float 6s ease-in-out infinite;
  
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    }
  }