@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Core Moroccan Palette */
  --background: 40 38% 96%;
  --foreground: 20 45% 12%;

  --card: 40 35% 98%;
  --card-foreground: 20 45% 12%;

  --primary: 25 59% 35%;
  --primary-foreground: 40 38% 96%;

  --secondary: 43 70% 50%;
  --secondary-foreground: 20 45% 12%;

  --radius: 0.75rem;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

/* Moroccan Pattern */
.moroccan-pattern {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238B4513' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Rotating Badge */
.rotate-slow {
  animation: rotate-slow 20s linear infinite;
}

@keyframes rotate-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Custom shadow */
.shadow-moroccan {
  box-shadow: 0 10px 40px -10px hsl(25 59% 35% / 0.25);
}

.shadow-card {
  box-shadow: 0 4px 20px -4px hsl(20 45% 12% / 0.08);
}