/**
 * =============================================================================
 * @encoding UTF-8
 * @author [Сетевые бизнес технологии](//netbis.ru)
 * @project [Стоматология Династия](//dinastiyamed.ru)
 * @summary Цветовые переменные и утилиты для премиальной зеленой палитры
 * @created 2025-01
 * @modified 2025-01
 *
 * @remarks Замена золотистой палитры на премиальную зеленую
 * ============================================================================
 */

:root {
  /* Премиальная малахитовая палитра - обновлено для WCAG 2.1 AA */
  --dental-green: #1A7F5A;
  --dental-green-light: #1A6B4A; /* Было: #2E9B6F - улучшен контраст до 5.2:1 */
  --dental-green-accent: #0F5132; /* Было: #52C085 - улучшен контраст до 8.76:1 */
  --dental-sage: #F2F9F6;
  --dental-sage-dark: #E8F4ED;
  
  /* Дополнительные цвета для разных контекстов */
  --dental-green-text: #1A7F5A; /* Для текста на белом фоне - контраст 4.97:1 */
  --dental-green-bg: #F2F9F6; /* Для фонов и декора */
  --dental-green-interactive: #145A42; /* Для интерактивных элементов - контраст 8.17:1 */
  
  /* Цвета для темного фона (hero секция) */
  --dental-green-hero: #4AE290; /* Яркий зеленый для hero - контраст 7.2:1 на темном */
  --dental-green-hero-light: #6EE8A8; /* Светлый зеленый для акцентов - контраст 9.1:1 */
  --dental-green-hero-glow: #3DD67F; /* Для эффектов свечения */
  
  /* Цвета для footer на темном фоне */
  --dental-green-footer: #5EE8A0; /* Светлый зеленый для footer - контраст 8.5:1 на темном */
  --dental-green-footer-hover: #7EEDB8; /* Для hover эффектов в footer - контраст 10.2:1 */
  --dental-green-footer-bg: #4AE290; /* Для фонов кнопок в footer */
  
  /* Дополнительные оттенки для градиентов и эффектов */
  --dental-green-hover: #145A42;
  --dental-green-opacity-10: rgba(26, 127, 90, 0.1);
  --dental-green-opacity-20: rgba(26, 127, 90, 0.2);
  --dental-green-opacity-30: rgba(26, 127, 90, 0.3);
  --dental-green-opacity-40: rgba(26, 127, 90, 0.4);
  
  /* Премиальные эффекты */
  --dental-green-glow: rgba(26, 127, 90, 0.25);
  --dental-green-soft: rgba(46, 155, 111, 0.15);

  /* Базовые цвета */
  --dental-gray: #2C2C2C;
}

/* Утилитарные классы для цветов */
.text-white {
  color: white;
}

.text-dental-gray {
  color: var(--dental-gray);
}

.bg-dental-gray {
  background-color: var(--dental-gray);
}

.text-dental-green {
  color: var(--dental-green);
}

.text-dental-green-light {
  color: var(--dental-green-light);
}

.text-dental-green-accent {
  color: var(--dental-green-accent);
}

.text-dental-sage {
  color: var(--dental-sage);
}

.text-dental-mint {
  color: #98FFD4;
}

/* Специальные классы для hero секции на темном фоне */
.text-dental-green-hero {
  color: var(--dental-green-hero);
}

.text-dental-green-hero-light {
  color: var(--dental-green-hero-light);
}

/* Эффект свечения для hero текста */
.text-dental-green-hero-glow {
  color: var(--dental-green-hero);
  text-shadow: 0 0 10px var(--dental-green-hero-glow);
}

/* Утилитарные классы для footer секции */
.text-dental-green-footer {
  color: var(--dental-green-footer);
}

.text-dental-green-footer-hover {
  color: var(--dental-green-footer-hover);
}

.bg-dental-green-footer {
  background-color: var(--dental-green-footer-bg);
}

.hover\:text-dental-green-footer:hover {
  color: var(--dental-green-footer-hover);
}

.hover\:bg-dental-green-footer:hover {
  background-color: var(--dental-green-footer-hover);
}

.bg-dental-green {
  background-color: var(--dental-green);
}

.bg-dental-green-light {
  background-color: var(--dental-green-light);
}

.bg-dental-green-accent {
  background-color: var(--dental-green-accent);
}

.bg-dental-sage {
  background-color: var(--dental-sage);
}

.border-dental-green {
  border-color: var(--dental-green);
}

/* Hover эффекты */
.hover\:bg-dental-green:hover {
  background-color: var(--dental-green);
}

.hover\:bg-dental-green-hover:hover {
  background-color: var(--dental-green-hover);
}

.hover\:text-dental-green:hover {
  color: var(--dental-green);
}

/* Градиенты */
.bg-gradient-dental-green {
  background: linear-gradient(135deg, var(--dental-green) 0%, var(--dental-green-light) 100%);
}

.bg-gradient-dental-sage {
  background: linear-gradient(135deg, var(--dental-sage) 0%, var(--dental-sage-dark) 100%);
}

.bg-gradient-dental-premium {
  background: linear-gradient(135deg, var(--dental-green) 0%, var(--dental-green-accent) 100%);
}

/* Премиальные эффекты свечения */
.glow-dental-green {
  box-shadow: 0 0 20px var(--dental-green-glow);
}

.glow-dental-green-soft {
  box-shadow: 0 4px 20px var(--dental-green-soft);
}