:root {
		/* ============================================ */
		/* ОСНОВНІ ФОНИ СТОРІНКИ */
		/* ============================================ */
		--bg-page: #F8FAFC;                /* Фон сторінки (світло-сірий) */
		--bg-white: #FFFFFF;               /* Білий фон */
		
		/* ============================================ */
		/* HEADER - ШАПКА СТОРІНКИ */
		/* ============================================ */
		--header-bg: #DBEAFE;              /* Фон шапки (блакитний) */
		--header-border: rgba(0,0,0,0.4);  /* Бордер шапки (темний) */
		--header-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); /* Тінь шапки */
		--header-text-primary: #1E3A8A;    /* Заголовок H1 частина 1 */
		--header-text-accent: #2563EB;     /* Заголовок H1 частина 2 (акцент) */
		--header-text-subtitle: #94A3B8;   /* Підзаголовок під H1 */
		
		/* Progress Bar - Прогрес залишку товару */
		--progress-bg: #BFDBFE;            /* Фон прогрес-бару */
		--progress-fill: #2563EB;          /* Заповнення прогрес-бару */
		--progress-shadow: 0 0 10px #2563EB; /* Тінь заповнення */
		--progress-text-hot: #2563EB;      /* Текст "Пік сезону" */
		--progress-text-stock: #94A3B8;    /* Текст "Залишилось" */
		--progress-icon: #EF4444;          /* Іконка вогню */
		
		/* Price Block - Блок з ціною */
		--price-old-text: #94A3B8;         /* Стара ціна (закреслена) */
		--price-old-line: #2563EB;         /* Лінія закреслення */
		--price-current: #ff0000;          /* Поточна ціна (велика) */
		--price-currency: #94A3B8;         /* Валюта "грн" */
		
		/* Feature Pills - Три іконки внизу header */
		--feature-pill-bg: #BFDBFE;        /* Фон плашок */
		--feature-pill-border: rgba(148,163,184,0.20); /* Бордер плашок */
		--feature-pill-text: #94A3B8;      /* Текст плашок */
		--feature-pill-icon: #002d8f;      /* Іконки (truck, wallet, shield) */
		
		/* Image Modal - Модальне вікно зображень */
		--modal-bg: rgba(0,0,0,0.95);      /* Фон модального вікна */
		--modal-close-bg: rgba(255,255,255,0.1); /* Фон кнопки закриття */
		--modal-close-text: #FFFFFF;       /* Текст кнопки закриття */
		
		/* Notification Toast - Спливаюче повідомлення */
		--notify-bg: #f2f2f2;  /* Фон нотифікації */
		--notify-border: #2563EB;          /* Лівий бордер */
		--notify-shadow: 0 10px 25px rgba(0,0,0,0.55); /* Тінь */
		--notify-icon-bg: #2563EB;         /* Фон іконки */
		--notify-icon-color: #ffffff;      /* Колір іконки */
		--notify-icon-border: rgba(37,99,235,0.25); /* Бордер іконки */
		--notify-text-label: #515151;      /* Текст "Щойно:" */
		--notify-text-name: #1E3A8A;       /* Ім'я в нотифікації */
		
		/* ============================================ */
		/* BUTTONS - КНОПКИ */
		/* ============================================ */
		
		/* Variant Pills - Кнопки вибору варіантів (1 шт / 1+1=3) */
		--btn-variant-bg: #f2f2f2;         /* Фон неактивної кнопки */
		--btn-variant-border: rgba(235, 37, 37, 0.2); /* Бордер кнопки */
		--btn-variant-text: #1E3A8A;       /* Текст кнопки */
		--btn-variant-active-border: #b70000; /* Бордер активної кнопки */
		--btn-variant-active-shadow: rgba(235, 37, 37, 0.25); /* Тінь активної */
		--btn-variant-hint-text: #94A3B8;  /* Текст підказки під кнопками */
		
		/* Main Order Button - Головна кнопка "Замовити" */
		--btn-order-bg: #ff0000;           /* Фон кнопки */
		--btn-order-text: #FFFFFF;         /* Текст кнопки */
		--btn-order-shadow: 0 4px 20px rgba(37,99,235,0.35); /* Тінь */
		--btn-order-pulse: rgba(37,99,235,0.7); /* Тінь pulse анімації */
		
		/* Submit Button - Кнопка "Підтвердити замовлення" */
		--btn-submit-bg: #ff0000;          /* Фон кнопки */
		--btn-submit-text: #FFFFFF;        /* Текст кнопки */
		--btn-submit-shadow: 0 5px 15px rgba(37,99,235,0.45); /* Тінь */
		--btn-submit-pulse: rgba(37,99,235,0.7); /* Pulse тінь */
		
		/* ============================================ */
		/* PAIN SECTION - Секція проблем */
		/* ============================================ */
		--pain-bg: transparent;            /* Фон секції */
		--pain-title: #1E3A8A;             /* Заголовок секції */
		--pain-title-accent: #2563EB;      /* Акцент в заголовку */
		--pain-card-bg: #DBEAFE;           /* Фон карточки проблеми */
		--pain-card-border: rgba(148,163,184,0.20); /* Бордер карточки */
		--pain-card-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); /* Тінь карточки */
		--pain-card-icon: #2563EB;         /* Іконка в карточці */
		--pain-card-text: #475569;         /* Текст в карточці */
		
		/* ============================================ */
		/* SOLUTION SECTION - Секція рішення */
		/* ============================================ */
		--solution-bg: #DBEAFE;            /* Фон секції */
		--solution-border: rgba(148,163,184,0.20); /* Бордер секції */
		--solution-badge-bg: #2563EB;      /* Фон бейджа "Є просте рішення" */
		--solution-badge-text: #FFFFFF;    /* Текст бейджа */
		--solution-badge-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); /* Тінь бейджа */
		--solution-title: #1E3A8A;         /* Заголовок H2 */
		--solution-text-body: #94A3B8;     /* Основний текст опису */
		
		/* Info Box в Solution - Блакитна інфо-карточка */
		--solution-info-bg: #93C5FD;       /* Фон інфо-боксу */
		--solution-info-border: rgba(148,163,184,0.20); /* Бордер */
		--solution-info-label: #0053c8;    /* Labelка "Чому HAIRBLOOM?" */
		--solution-info-icon-star: #F59E0B; /* Іконка зірки */
		--solution-info-icon-check: #65A30D; /* Іконки галочок */
		--solution-info-text: #475569;     /* Текст списку */
		
		/* Important Box в Solution - Жовта застережна карточка */
		--solution-warning-bg: #BFDBFE;    /* Фон важливого блоку */
		--solution-warning-border: rgba(148,163,184,0.20); /* Бордер */
		--solution-warning-label: #0053c8; /* Label "Важливо" */
		--solution-warning-icon: #2563EB;  /* Іконка info */
		--solution-warning-text: #475569;  /* Текст */
		
		/* Solution Image - Gradient overlay */
		--solution-img-gradient: linear-gradient(to top, #DBEAFE 0%, transparent 100%); /* Градієнт */
		
		/* ============================================ */
		/* COMPARISON SECTION - Секція порівняння */
		/* ============================================ */
		--comparison-bg: transparent;      /* Фон секції */
		--comparison-title: #1E3A8A;       /* Заголовок */
		--comparison-card-bg: #DBEAFE;     /* Фон карточки */
		--comparison-card-border: rgba(148,163,184,0.20); /* Бордер */
		--comparison-card-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); /* Тінь */
		--comparison-card-text: #475569;   /* Текст в карточці */
		
		/* ============================================ */
		/* SPECS SECTION - Характеристики */
		/* ============================================ */
		--specs-bg: #DBEAFE;               /* Фон секції */
		--specs-border: rgba(148,163,184,0.20); /* Бордер секції */
		--specs-title: #1E3A8A;            /* Заголовок */
		--specs-icon: #2563EB;             /* Іконка cogs */
		--specs-table-bg: #BFDBFE;         /* Фон таблиці */
		--specs-table-border: rgba(148,163,184,0.20); /* Бордери рядків */
		--specs-table-label: #94A3B8;      /* Лейбли (ліворуч) */
		--specs-table-value: #1E3A8A;      /* Значення (праворуч) */
		
		/* ============================================ */
		/* FAQ SECTION - Питання та відповіді */
		/* ============================================ */
		--faq-bg: rgba(219,234,254,0.4);   /* Фон секції */
		--faq-title: #475569;              /* Заголовок секції */
		--faq-item-bg: #DBEAFE;            /* Фон питання */
		--faq-item-border: rgba(148,163,184,0.20); /* Бордер */
		--faq-item-header-text: #1E3A8A;   /* Текст питання */
		--faq-item-icon: #94A3B8;          /* Іконка chevron */
		--faq-item-answer-bg: #BFDBFE;     /* Фон відповіді */
		--faq-item-answer-border: rgba(148,163,184,0.20); /* Верхній бордер */
		--faq-item-answer-text: #94A3B8;   /* Текст відповіді */
		
		/* FAQ Info Pills - Дві плашки "Оплата" та "Доставка" */
		--faq-pill-bg: #BFDBFE;            /* Фон плашки */
		--faq-pill-border: rgba(148,163,184,0.20); /* Бордер */
		--faq-pill-title: #1E3A8A;         /* Заголовок */
		--faq-pill-icon: #2563EB;          /* Іконка */
		--faq-pill-text: #94A3B8;          /* Текст */
		
		/* ============================================ */
		/* REVIEWS SECTION - Відгуки */
		/* ============================================ */
		--reviews-bg: #F8FAFC;             /* Фон секції */
		--reviews-title: #1E3A8A;          /* Заголовок "Відгуки" */
		--reviews-rating-bg: rgba(245,158,11,0.10); /* Фон рейтингу */
		--reviews-rating-border: rgba(245,158,11,0.20); /* Бордер рейтингу */
		--reviews-rating-text: #F59E0B;    /* Текст рейтингу */
		--reviews-rating-icon: #F59E0B;    /* Зірка рейтингу */
		
		/* Review Card - Карточка відгуку */
		--review-card-bg: #DBEAFE;         /* Фон карточки */
		--review-card-border: rgba(148,163,184,0.20); /* Бордер */
		--review-card-name: #1E3A8A;       /* Ім'я автора */
		--review-card-date: #64748B;       /* Дата відгуку */
		--review-card-stars: #F59E0B;      /* Зірки */
		--review-card-text: #94A3B8;       /* Текст відгуку */
		--review-card-thumb-border: #3A3A46; /* Бордер мініатюри фото */
		
		/* Review Pagination Dots */
		--review-dot-inactive: #3A3A46;    /* Неактивна точка */
		--review-dot-active: #EAB308;      /* Активна точка */
		--review-hint-text: #64748B;       /* Текст "Гортайте вліво" */
		
		/* ============================================ */
		/* ORDER FORM - Форма замовлення */
		/* ============================================ */
		--order-bg: #DBEAFE;               /* Фон форми */
		--order-border: #2563EB;           /* Бордер форми (2px) */
		--order-shadow: 0 0 30px rgba(37,99,235,0.12); /* Тінь форми */
		--order-title: #1E3A8A;            /* Заголовок форми */
		--order-subtitle: #94A3B8;         /* Підзаголовок */
		
		/* Variant Selection Box в формі */
		--order-variant-bg: #BFDBFE;       /* Фон блоку варіантів */
		--order-variant-border: rgba(148,163,184,0.20); /* Бордер */
		--order-variant-label: #94A3B8;    /* Label "Оберіть варіант" */
		
		/* Total Price в формі */
		--order-total-label: #94A3B8;      /* Label "Разом до сплати" */
		--order-total-price: #ff0000;      /* Сума */
		--order-divider: rgba(148,163,184,0.30); /* Пунктирна лінія */
		
		/* Form Inputs */
		--input-bg: #FFFFFF;               /* Фон input */
		--input-border: rgba(148,163,184,0.20); /* Бордер input */
		--input-text: #1E3A8A;             /* Текст в input */
		--input-placeholder: #94A3B8;      /* Placeholder текст */
		--input-label: #94A3B8;            /* Label над input */
		--input-focus-bg: #EFF6FF;         /* Фон при фокусі */
		--input-focus-border: #2563EB;     /* Бордер при фокусі */
		--input-focus-shadow: 0 0 10px rgba(37,99,235,0.25); /* Тінь при фокусі */
		
		/* Security Note під формою */
		--order-security-text: #94A3B8;    /* Текст захисту даних */
		--order-security-icon: #64748B;    /* Іконка замка */
		
		/* Order Info Footer */
		--order-info-text: #94A3B8;        /* Текст "Нова Пошта" */
		--order-info-icon: #2563EB;        /* Іконки (truck, wallet) */
		
		/* ============================================ */
		/* FOOTER - Підвал */
		/* ============================================ */
		--footer-bg: #F8FAFC;              /* Фон футера */
		--footer-border: rgba(148,163,184,0.20); /* Верхній бордер */
		--footer-logo: rgba(30,58,138,0.20); /* Логотип (напівпрозорий) */
		--footer-text: #94A3B8;            /* Основний текст */
		--footer-link: #2563EB;            /* Посилання */
		--footer-link-hover: #2563EB;      /* Посилання при hover */
		
		/* ============================================ */
		/* UTILITY COLORS - Допоміжні кольори */
		/* ============================================ */
		--color-success: #65A30D;          /* Зелений (галочки) */
		--color-warning: #F59E0B;          /* Помаранчевий (зірки) */
		--color-danger: #EF4444;           /* Червоний (fire icon) */
		--color-info: #2563EB;             /* Синій (інфо) */
	}