/* Переменные цветов для сайта "Вместе навсегда" */
/* Можно изменять цвета через hugo.toml в секции [Params.style.vars] */

:root {
  /* Основные цвета (по умолчанию) */
  --primary-color: #e91e63;
  --secondary-color: #f8bbd9;
  --accent-color: #ff4081;
  --text-color: #2c3e50;
  --text-light: #6c757d;
  --background: #fff;
  --background-light: #f8f9fa;
  --border-color: #e9ecef;
  
  /* Производные переменные */
  --shadow: 0 4px 20px rgba(233, 30, 99, 0.08);
  --shadow-hover: 0 8px 30px rgba(233, 30, 99, 0.15);
  
  /* Технические переменные */
  --border-radius: 16px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Playfair Display', Georgia, serif;
}

/* Переопределение цветов на основе Hugo конфигурации */
/* Эти переменные будут загружаться динамически из hugo.toml */
body[data-primary-color] {
  --primary-color: var(--hugo-primary-color, #e91e63);
  --secondary-color: var(--hugo-secondary-color, #f8bbd9);
  --accent-color: var(--hugo-accent-color, #ff4081);
  --text-color: var(--hugo-text-color, #2c3e50);
  --text-light: var(--hugo-text-light-color, #6c757d);
  --background: var(--hugo-background-color, #fff);
  --background-light: var(--hugo-background-light-color, #f8f9fa);
  --border-color: var(--hugo-border-color, #e9ecef);
}