/*
Theme Name: Maud Pâtisserie Landing
Author: Codex
Version: 1.0
*/

:root {
  --cream: #F9F7F2;
  --cream-dark: #F1EFE9;
  --terracotta: #B35D3F;
  --terracotta-light: #D9987B;
  --terracotta-dark: #8C432A;
  --sage: #6B8262;
  --sage-light: #A3B59D;
  --sage-dark: #4F6148;
  --anthracite: #2D2D2D;
}

/* Color utility fallbacks when Tailwind custom colors fail to load */
.text-terracotta { color: var(--terracotta); }
.text-terracotta-light { color: var(--terracotta-light); }
.text-terracotta-dark { color: var(--terracotta-dark); }
.bg-terracotta { background-color: var(--terracotta); }
.bg-terracotta-light { background-color: var(--terracotta-light); }
.bg-terracotta-dark { background-color: var(--terracotta-dark); }
.border-terracotta { border-color: var(--terracotta); }
.border-terracotta-light { border-color: var(--terracotta-light); }
.border-terracotta-dark { border-color: var(--terracotta-dark); }
.hover\:bg-terracotta:hover { background-color: var(--terracotta); }
.hover\:bg-terracotta-dark:hover { background-color: var(--terracotta-dark); }
.hover\:text-white:hover { color: #ffffff; }

.text-sage { color: var(--sage); }
.text-sage-light { color: var(--sage-light); }
.text-sage-dark { color: var(--sage-dark); }
.bg-sage { background-color: var(--sage); }
.bg-sage-light { background-color: var(--sage-light); }
.bg-sage-dark { background-color: var(--sage-dark); }
.border-sage { border-color: var(--sage); }
.border-sage-light { border-color: var(--sage-light); }
.border-sage-dark { border-color: var(--sage-dark); }

.text-anthracite { color: var(--anthracite); }
.text-cream { color: var(--cream); }
.bg-cream { background-color: var(--cream); }
.bg-cream-dark { background-color: var(--cream-dark); }

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--cream);
  color: var(--anthracite);
}

.font-serif {
  font-family: 'Playfair Display', serif;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--cream);
}

::-webkit-scrollbar-thumb {
  background: var(--terracotta);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--terracotta-dark);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  animation: scroll 30s linear infinite;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal-open {
  overflow: hidden;
}