/* Переменные цветов для сайта "Вместе навсегда" */
/* Можно изменять цвета через 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(0, 0, 0, 0.08);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.15);
    --shadow-primary: 0 4px 20px var(--primary-color);
    --shadow-primary-hover: 0 8px 30px var(--primary-color);

    /* Технические переменные */
    --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);
}