/* Основные цвета темы */
:root {
  /* Основные цвета */
  --background: 40 44% 93%;  /* кремовый */
  --foreground: 20 51% 15%;  /* тёмный коричневый */
  --border: 40 30% 78%;      /* светлая граница */
  
  /* Карточки */
  --card: 40 35% 90%;        /* светлый кремовый */
  --card-foreground: 20 51% 15%;  /* тёмный коричневый */
  --card-border: 40 25% 80%;  /* граница карточки */
  
  /* Основной цвет (бордовый) */
  --primary: 350 56% 27%;    /* бордовый */
  --primary-foreground: 40 44% 93%;  /* кремовый */
  
  /* Вторичный цвет */
  --secondary: 40 30% 80%;   /* светлый бежевый */
  --secondary-foreground: 20 51% 15%;  /* тёмный коричневый */
  
  /* Приглушённые цвета */
  --muted: 40 20% 85%;       /* очень светлый бежевый */
  --muted-foreground: 20 30% 45%;  /* коричневый */
  
  /* Акцентный цвет (золотой/бежевый) */
  --accent: 40 47% 69%;      /* золотой/бежевый */
  --accent-foreground: 20 51% 15%;  /* тёмный коричневый */
  
  /* Деструктивные действия */
  --destructive: 0 65% 50%;  /* красный */
  --destructive-foreground: 40 44% 98%;  /* очень светлый кремовый */
  
  /* Поля ввода */
  --input: 40 25% 82%;       /* светлый бежевый */
}

/* Применение цветов к элементам */
body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

/* Карточки */
.card {
  background-color: hsl(var(--card));
  color: hsl(var(--card-foreground));
  border-color: hsl(var(--card-border));
}

/* Кнопки */
.btn-primary {
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

.btn-secondary {
  background-color: hsl(var(--secondary));
  color: hsl(var(--secondary-foreground));
}

/* Поля ввода */
input, textarea, select {
  background-color: hsl(var(--input));
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}

/* Ссылки */
a {
  color: hsl(var(--primary));
}

/* Акцентные элементы */
.accent {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}

/* Деструктивные кнопки */
.btn-destructive {
  background-color: hsl(var(--destructive));
  color: hsl(var(--destructive-foreground));
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
  color: hsl(var(--foreground));
}

/* Границы */
.border {
  border-color: hsl(var(--border));
}

/* Фон */
.bg-background {
  background-color: hsl(var(--background));
}

.bg-foreground {
  background-color: hsl(var(--foreground));
}

/* Текст */
.text-foreground {
  color: hsl(var(--foreground));
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}