@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

:root {
  --spice-ochre: #D97706;
  --spice-cinnamon: #9A3412;
  --spice-dark: #451A03;
  --spice-burgundy: #7F1D1D;
  --spice-green: #14532D;
  --spice-cream: #FEF3C7;
  --spice-light: #FFFBEB;
}
html {
  scroll-behavior: smooth;
}
/* Кроссплатформенный стандартный шрифт для всех ОС */
body {
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background-color: var(--spice-light);
  color: var(--spice-dark);
}

/* Кастомные вспомогательные классы для цвета */
.bg-spice-dark { background-color: var(--spice-dark); }
.bg-spice-light { background-color: var(--spice-light); }
.bg-spice-cinnamon { background-color: var(--spice-cinnamon); }
.bg-spice-ochre { background-color: var(--spice-ochre); }

.text-spice-dark { color: var(--spice-dark); }
.text-spice-cinnamon { color: var(--spice-cinnamon); }
.text-spice-ochre { color: var(--spice-ochre); }
.text-spice-burgundy { color: var(--spice-burgundy); }
.text-spice-green { color: var(--spice-green); }
/* Фоновая картинка для блока Hero */
.hero-bg {
  /* Укажите путь к вашей картинке вместо images/hero-bg.jpg */
  background-image: linear-gradient(rgba(69, 26, 3, 0.65), rgba(69, 26, 3, 0.65)), url('../img/hero-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.border-spice-ochre { border-color: var(--spice-ochre); }

.hover\:bg-spice-burgundy:hover { background-color: var(--spice-burgundy); }
.hover\:bg-spice-cinnamon:hover { background-color: var(--spice-cinnamon); }