:root {
		/* ============================================ */
		/* ОСНОВНІ ФОНИ СТОРІНКИ */
		/* ============================================ */
		--bg-page: #FAF5EF;                /* Фон сторінки (теплий беж) */
		--bg-white: #FFFBF7;               /* Білий фон (з кремовим відтінком) */
		
		/* ============================================ */
		/* HEADER - ШАПКА СТОРІНКИ */
		/* ============================================ */
		--header-bg: #F5E6D3;              /* Фон шапки (персиковий беж) */
		--header-border: rgba(109,78,58,0.4);  /* Бордер шапки (коричневий) */
		--header-shadow: 0 25px 50px -12px rgba(93,64,55,0.25); /* Тінь шапки */
		--header-text-primary: #5D4037;    /* Заголовок H1 частина 1 (темно-коричневий) */
		--header-text-accent: #B8704D;     /* Заголовок H1 частина 2 (терракота) */
		--header-text-subtitle: #9B7E6A;   /* Підзаголовок під H1 (м'який коричневий) */
		
		/* Progress Bar - Прогрес залишку товару */
		--progress-bg: #E8D5C4;            /* Фон прогрес-бару (світлий беж) */
		--progress-fill: #B8704D;          /* Заповнення прогрес-бару (терракота) */
		--progress-shadow: 0 0 10px #B8704D; /* Тінь заповнення */
		--progress-text-hot: #B8704D;      /* Текст "Пік сезону" */
		--progress-text-stock: #9B7E6A;    /* Текст "Залишилось" */
		--progress-icon: #D2691E;          /* Іконка вогню (помаранчевий) */
		
		/* Price Block - Блок з ціною */
		--price-old-text: #9B7E6A;         /* Стара ціна (закреслена) */
		--price-old-line: #B8704D;         /* Лінія закреслення (терракота) */
		--price-current: #C0632E;          /* Поточна ціна (яскравий коричнево-помаранчевий) */
		--price-currency: #9B7E6A;         /* Валюта "грн" */
		
		/* Feature Pills - Три іконки внизу header */
		--feature-pill-bg: #E8D5C4;        /* Фон плашок (світлий беж) */
		--feature-pill-border: rgba(155,126,106,0.20); /* Бордер плашок */
		--feature-pill-text: #9B7E6A;      /* Текст плашок */
		--feature-pill-icon: #6D4E3A;      /* Іконки (темно-коричневий) */
		
		/* Image Modal - Модальне вікно зображень */
		--modal-bg: rgba(61,44,34,0.95);   /* Фон модального вікна (темно-коричневий) */
		--modal-close-bg: rgba(248,245,239,0.15); /* Фон кнопки закриття */
		--modal-close-text: #FFFBF7;       /* Текст кнопки закриття */
		
		/* Notification Toast - Спливаюче повідомлення */
		--notify-bg: #FFFBF7;              /* Фон нотифікації (кремовий) */
		--notify-border: #B8704D;          /* Лівий бордер (терракота) */
		--notify-shadow: 0 10px 25px rgba(93,64,55,0.4); /* Тінь */
		--notify-icon-bg: #B8704D;         /* Фон іконки (терракота) */
		--notify-icon-color: #FFFBF7;      /* Колір іконки */
		--notify-icon-border: rgba(184,112,77,0.25); /* Бордер іконки */
		--notify-text-label: #6D4E3A;      /* Текст "Щойно:" */
		--notify-text-name: #5D4037;       /* Ім'я в нотифікації */
		
		/* ============================================ */
		/* BUTTONS - КНОПКИ */
		/* ============================================ */
		
		/* Variant Pills - Кнопки вибору варіантів (1 шт / 1+1=3) */
		--btn-variant-bg: #FAF5EF;         /* Фон неактивної кнопки (світлий беж) */
		--btn-variant-border: rgba(184,112,77,0.25); /* Бордер кнопки */
		--btn-variant-text: #5D4037;       /* Текст кнопки (темно-коричневий) */
		--btn-variant-active-border: #B8704D; /* Бордер активної кнопки (терракота) */
		--btn-variant-active-shadow: rgba(184,112,77,0.35); /* Тінь активної */
		--btn-variant-hint-text: #9B7E6A;  /* Текст підказки під кнопками */
		
		/* Main Order Button - Головна кнопка "Замовити" */
		--btn-order-bg: #C0632E;           /* Фон кнопки (яскравий коричнево-помаранчевий) */
		--btn-order-text: #FFFBF7;         /* Текст кнопки */
		--btn-order-shadow: 0 4px 20px rgba(192,99,46,0.45); /* Тінь */
		--btn-order-pulse: rgba(192,99,46,0.7); /* Тінь pulse анімації */
		
		/* Submit Button - Кнопка "Підтвердити замовлення" */
		--btn-submit-bg: #C0632E;          /* Фон кнопки (яскравий коричнево-помаранчевий) */
		--btn-submit-text: #FFFBF7;        /* Текст кнопки */
		--btn-submit-shadow: 0 5px 15px rgba(192,99,46,0.5); /* Тінь */
		--btn-submit-pulse: rgba(192,99,46,0.7); /* Pulse тінь */
		
		/* ============================================ */
		/* PAIN SECTION - Секція проблем */
		/* ============================================ */
		--pain-bg: transparent;            /* Фон секції */
		--pain-title: #5D4037;             /* Заголовок секції (темно-коричневий) */
		--pain-title-accent: #B8704D;      /* Акцент в заголовку (терракота) */
		--pain-card-bg: #F5E6D3;           /* Фон карточки проблеми (персиковий беж) */
		--pain-card-border: rgba(155,126,106,0.25); /* Бордер карточки */
		--pain-card-shadow: 0 10px 15px -3px rgba(93,64,55,0.15); /* Тінь карточки */
		--pain-card-icon: #B8704D;         /* Іконка в карточці (терракота) */
		--pain-card-text: #6D4E3A;         /* Текст в карточці */
		
		/* ============================================ */
		/* SOLUTION SECTION - Секція рішення */
		/* ============================================ */
		--solution-bg: #F5E6D3;            /* Фон секції (персиковий беж) */
		--solution-border: rgba(155,126,106,0.25); /* Бордер секції */
		--solution-badge-bg: #B8704D;      /* Фон бейджа "Є просте рішення" (терракота) */
		--solution-badge-text: #FFFBF7;    /* Текст бейджа */
		--solution-badge-shadow: 0 4px 6px -1px rgba(93,64,55,0.2); /* Тінь бейджа */
		--solution-title: #5D4037;         /* Заголовок H2 (темно-коричневий) */
		--solution-text-body: #9B7E6A;     /* Основний текст опису */
		
		/* Info Box в Solution - Блакитна інфо-карточка */
		--solution-info-bg: #E8D5C4;       /* Фон інфо-боксу (світлий беж) */
		--solution-info-border: rgba(155,126,106,0.25); /* Бордер */
		--solution-info-label: #6D4E3A;    /* Labelка "Чому HAIRBLOOM?" */
		--solution-info-icon-star: #D2691E; /* Іконка зірки (помаранчевий) */
		--solution-info-icon-check: #8B7355; /* Іконки галочок (темний беж) */
		--solution-info-text: #6D4E3A;     /* Текст списку */
		
		/* Important Box в Solution - Жовта застережна карточка */
		--solution-warning-bg: #E8D5C4;    /* Фон важливого блоку (світлий беж) */
		--solution-warning-border: rgba(155,126,106,0.25); /* Бордер */
		--solution-warning-label: #6D4E3A; /* Label "Важливо" */
		--solution-warning-icon: #B8704D;  /* Іконка info (терракота) */
		--solution-warning-text: #6D4E3A;  /* Текст */
		
		/* Solution Image - Gradient overlay */
		--solution-img-gradient: linear-gradient(to top, #F5E6D3 0%, transparent 100%); /* Градієнт */
		
		/* ============================================ */
		/* COMPARISON SECTION - Секція порівняння */
		/* ============================================ */
		--comparison-bg: transparent;      /* Фон секції */
		--comparison-title: #5D4037;       /* Заголовок (темно-коричневий) */
		--comparison-card-bg: #F5E6D3;     /* Фон карточки (персиковий беж) */
		--comparison-card-border: rgba(155,126,106,0.25); /* Бордер */
		--comparison-card-shadow: 0 10px 15px -3px rgba(93,64,55,0.15); /* Тінь */
		--comparison-card-text: #6D4E3A;   /* Текст в карточці */
		
		/* ============================================ */
		/* SPECS SECTION - Характеристики */
		/* ============================================ */
		--specs-bg: #F5E6D3;               /* Фон секції (персиковий беж) */
		--specs-border: rgba(155,126,106,0.25); /* Бордер секції */
		--specs-title: #5D4037;            /* Заголовок (темно-коричневий) */
		--specs-icon: #B8704D;             /* Іконка cogs (терракота) */
		--specs-table-bg: #E8D5C4;         /* Фон таблиці (світлий беж) */
		--specs-table-border: rgba(155,126,106,0.25); /* Бордери рядків */
		--specs-table-label: #9B7E6A;      /* Лейбли (ліворуч) */
		--specs-table-value: #5D4037;      /* Значення (праворуч) */
		
		/* ============================================ */
		/* FAQ SECTION - Питання та відповіді */
		/* ============================================ */
		--faq-bg: rgba(245,230,211,0.4);   /* Фон секції (персиковий з прозорістю) */
		--faq-title: #6D4E3A;              /* Заголовок секції */
		--faq-item-bg: #F5E6D3;            /* Фон питання (персиковий беж) */
		--faq-item-border: rgba(155,126,106,0.25); /* Бордер */
		--faq-item-header-text: #5D4037;   /* Текст питання (темно-коричневий) */
		--faq-item-icon: #9B7E6A;          /* Іконка chevron */
		--faq-item-answer-bg: #E8D5C4;     /* Фон відповіді (світлий беж) */
		--faq-item-answer-border: rgba(155,126,106,0.25); /* Верхній бордер */
		--faq-item-answer-text: #9B7E6A;   /* Текст відповіді */
		
		/* FAQ Info Pills - Дві плашки "Оплата" та "Доставка" */
		--faq-pill-bg: #E8D5C4;            /* Фон плашки (світлий беж) */
		--faq-pill-border: rgba(155,126,106,0.25); /* Бордер */
		--faq-pill-title: #5D4037;         /* Заголовок (темно-коричневий) */
		--faq-pill-icon: #B8704D;          /* Іконка (терракота) */
		--faq-pill-text: #9B7E6A;          /* Текст */
		
		/* ============================================ */
		/* REVIEWS SECTION - Відгуки */
		/* ============================================ */
		--reviews-bg: #FAF5EF;             /* Фон секції (теплий беж) */
		--reviews-title: #5D4037;          /* Заголовок "Відгуки" (темно-коричневий) */
		--reviews-rating-bg: rgba(210,105,30,0.12); /* Фон рейтингу */
		--reviews-rating-border: rgba(210,105,30,0.25); /* Бордер рейтингу */
		--reviews-rating-text: #D2691E;    /* Текст рейтингу (помаранчевий) */
		--reviews-rating-icon: #D2691E;    /* Зірка рейтингу */
		
		/* Review Card - Карточка відгуку */
		--review-card-bg: #F5E6D3;         /* Фон карточки (персиковий беж) */
		--review-card-border: rgba(155,126,106,0.25); /* Бордер */
		--review-card-name: #5D4037;       /* Ім'я автора (темно-коричневий) */
		--review-card-date: #6D4E3A;       /* Дата відгуку */
		--review-card-stars: #D2691E;      /* Зірки (помаранчевий) */
		--review-card-text: #9B7E6A;       /* Текст відгуку */
		--review-card-thumb-border: #6D4E3A; /* Бордер мініатюри фото */
		
		/* Review Pagination Dots */
		--review-dot-inactive: #9B7E6A;    /* Неактивна точка */
		--review-dot-active: #D2691E;      /* Активна точка (помаранчевий) */
		--review-hint-text: #6D4E3A;       /* Текст "Гортайте вліво" */
		
		/* ============================================ */
		/* ORDER FORM - Форма замовлення */
		/* ============================================ */
		--order-bg: #F5E6D3;               /* Фон форми (персиковий беж) */
		--order-border: #B8704D;           /* Бордер форми (терракота) */
		--order-shadow: 0 0 30px rgba(184,112,77,0.2); /* Тінь форми */
		--order-title: #5D4037;            /* Заголовок форми (темно-коричневий) */
		--order-subtitle: #9B7E6A;         /* Підзаголовок */
		
		/* Variant Selection Box в формі */
		--order-variant-bg: #E8D5C4;       /* Фон блоку варіантів (світлий беж) */
		--order-variant-border: rgba(155,126,106,0.25); /* Бордер */
		--order-variant-label: #9B7E6A;    /* Label "Оберіть варіант" */
		
		/* Total Price в формі */
		--order-total-label: #9B7E6A;      /* Label "Разом до сплати" */
		--order-total-price: #C0632E;      /* Сума (яскравий коричнево-помаранчевий) */
		--order-divider: rgba(155,126,106,0.35); /* Пунктирна лінія */
		
		/* Form Inputs */
		--input-bg: #FFFBF7;               /* Фон input (кремовий) */
		--input-border: rgba(155,126,106,0.25); /* Бордер input */
		--input-text: #5D4037;             /* Текст в input (темно-коричневий) */
		--input-placeholder: #9B7E6A;      /* Placeholder текст */
		--input-label: #9B7E6A;            /* Label над input */
		--input-focus-bg: #FAF5EF;         /* Фон при фокусі (теплий беж) */
		--input-focus-border: #B8704D;     /* Бордер при фокусі (терракота) */
		--input-focus-shadow: 0 0 10px rgba(184,112,77,0.3); /* Тінь при фокусі */
		
		/* Security Note під формою */
		--order-security-text: #9B7E6A;    /* Текст захисту даних */
		--order-security-icon: #6D4E3A;    /* Іконка замка */
		
		/* Order Info Footer */
		--order-info-text: #9B7E6A;        /* Текст "Нова Пошта" */
		--order-info-icon: #B8704D;        /* Іконки (truck, wallet) (терракота) */
		
		/* ============================================ */
		/* FOOTER - Підвал */
		/* ============================================ */
		--footer-bg: #FAF5EF;              /* Фон футера (теплий беж) */
		--footer-border: rgba(155,126,106,0.25); /* Верхній бордер */
		--footer-logo: rgba(93,64,55,0.25); /* Логотип (напівпрозорий коричневий) */
		--footer-text: #9B7E6A;            /* Основний текст */
		--footer-link: #B8704D;            /* Посилання (терракота) */
		--footer-link-hover: #C0632E;      /* Посилання при hover */
		
		/* ============================================ */
		/* UTILITY COLORS - Допоміжні кольори */
		/* ============================================ */
		--color-success: #8B7355;          /* Коричнево-зелений (галочки) */
		--color-warning: #D2691E;          /* Помаранчевий (зірки) */
		--color-danger: #C0632E;           /* Коричнево-червоний (fire icon) */
		--color-info: #B8704D;             /* Терракота (інфо) */
	}