/*
 * Минималистичная цветовая палитра для CoffeeRanks
 * Серьезная и профессиональная схема
 * Дата: 2025-07-08
 */

:root {
  /* =============================================================================
     ОСНОВНАЯ ПАЛИТРА - ВСЕГО 4 ОСНОВНЫХ ЦВЕТА
     ============================================================================= */
  
  /* Основные цвета */
  --primary-dark: #2C1810;           /* Темно-коричневый - основной цвет */
  --primary-medium: #5D4037;         /* Средне-коричневый - акценты */
  --neutral-light: #F5F5F5;          /* Светло-серый - фон */
  --white: #FFFFFF;                  /* Белый - контент фон */
  
  /* Дополнительные оттенки для глубины */
  --gray-100: #F8F9FA;              /* Очень светлый серый */
  --gray-200: #E9ECEF;              /* Светлый серый */
  --gray-300: #DEE2E6;              /* Средне-светлый серый */
  --gray-600: #6C757D;              /* Средний серый */
  --gray-800: #343A40;              /* Темный серый */
  
  /* =============================================================================
     ТЕКСТОВЫЕ ЦВЕТА
     ============================================================================= */
  
  --text-primary: #2C1810;          /* Основной текст */
  --text-secondary: #5D4037;        /* Второстепенный текст */
  --text-muted: #6C757D;            /* Приглушенный текст */
  --text-light: #FFFFFF;            /* Светлый текст */
  
  /* =============================================================================
     ФУНКЦИОНАЛЬНЫЕ ЦВЕТА
     ============================================================================= */
  
  /* Фоны */
  --bg-primary: #FFFFFF;            /* Основной фон */
  --bg-secondary: #F8F9FA;          /* Вторичный фон */
  --bg-tertiary: #F5F5F5;           /* Третичный фон */
  
  /* Границы */
  --border-light: #E9ECEF;          /* Светлые границы */
  --border-medium: #DEE2E6;         /* Средние границы */
  --border-dark: #6C757D;           /* Темные границы */
  
  /* Интерактивные элементы */
  --interactive-primary: #2C1810;   /* Основные кнопки */
  --interactive-secondary: #5D4037; /* Вторичные кнопки */
  --interactive-hover: #1A0F08;     /* Hover состояние */
  
  /* Состояния */
  --success: #28A745;               /* Успех */
  --warning: #FFC107;               /* Предупреждение */
  --error: #DC3545;                 /* Ошибка */
  --info: #17A2B8;                  /* Информация */
  
  /* =============================================================================
     ТЕНИ И ЭФФЕКТЫ
     ============================================================================= */
  
  --shadow-sm: 0 1px 3px rgb(0 0 0 / 8%);
  --shadow-md: 0 4px 6px rgb(0 0 0 / 10%);
  --shadow-lg: 0 10px 15px rgb(0 0 0 / 12%);
  
  /* =============================================================================
     РАДИУСЫ И РАЗМЕРЫ
     ============================================================================= */
  
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  
  /* =============================================================================
     ПЕРЕХОДЫ
     ============================================================================= */
  
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}

/* =============================================================================
   ПЕРЕОПРЕДЕЛЕНИЕ СТАРЫХ ПЕРЕМЕННЫХ
   ============================================================================= */

:root {
  /* Обратная совместимость - переопределяем старые переменные */
  --primary-color: var(--primary-dark);
  --secondary-color: var(--primary-medium);
  --background-color: var(--bg-secondary);
  --text-color: var(--text-primary);
  --accent-color: var(--primary-medium);
  
  /* Переопределяем пестрые цвета */
  --primary-coffee: var(--primary-dark);
  --secondary-coffee: var(--primary-medium);
  --accent-gold: var(--primary-medium);     /* Убираем золотой */
  --neutral-cream: var(--bg-secondary);
  --dark-roast: var(--primary-dark);
  --light-roast: var(--primary-medium);
  
  /* Ссылки */
  --link-color: var(--primary-dark);
  --link-hover: var(--interactive-hover);
  --link-visited: var(--primary-medium);
  
  /* Кнопки */
  --btn-primary-bg: var(--interactive-primary);
  --btn-primary-text: var(--text-light);
  --btn-secondary-bg: var(--bg-primary);
  --btn-secondary-text: var(--text-primary);
  --btn-secondary-border: var(--border-medium);
}

/* =============================================================================
   УБИРАЕМ ЛИШНИЕ ГРАНИЦЫ
   ============================================================================= */

/* Убираем ненужные borders */
.card,
.container,
.product-card,
.coffee-card,
.method-card,
.country-card {
  border: none !important;
}

/* Убираем border-radius где не нужен */
.header,
.footer,
.nav-links {
  border-radius: 0 !important;
}

/* Оставляем минимальные borders только где нужно */
.search-form input,
.form-control,
.btn-outline {
  border: 1px solid var(--border-light) !important;
}

.search-form input:focus,
.form-control:focus {
  border-color: var(--primary-dark) !important;
  box-shadow: 0 0 0 2px rgb(44 24 16 / 10%) !important;
}

/* =============================================================================
   МИНИМАЛИСТИЧНЫЕ ТЕНИ
   ============================================================================= */

.card,
.container,
.product-card {
  box-shadow: var(--shadow-sm) !important;
}

.card:hover,
.product-card:hover {
  box-shadow: var(--shadow-md) !important;
}

/* =============================================================================
   ЧИСТАЯ ТИПОГРАФИКА
   ============================================================================= */

h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

p, span, div {
  color: var(--text-primary) !important;
}

.text-muted {
  color: var(--text-muted) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}