/* ============================================================
   debug.css — ВРЕМЕННЫЙ слой, только чтобы различать секции
   при разработке. Не часть бренд-палитры (модуль 3), удалить
   перед боевой вёрсткой контента или заменить на реальный фон.
   Цвета приглушены (низкая насыщенность/прозрачность), чтобы
   не спорить с --c-bg и не читаться как финальный дизайн.
   ============================================================ */

.debug-blue    { background: color-mix(in srgb, #3B82F6 14%, var(--c-bg)); }
.debug-red     { background: color-mix(in srgb, #EF4444 14%, var(--c-bg)); }
.debug-green   { background: color-mix(in srgb, #22C55E 14%, var(--c-bg)); }
.debug-purple  { background: color-mix(in srgb, #A855F7 14%, var(--c-bg)); }
.debug-orange  { background: color-mix(in srgb, #F97316 14%, var(--c-bg)); }
.debug-teal    { background: color-mix(in srgb, #14B8A6 14%, var(--c-bg)); }
.debug-pink    { background: color-mix(in srgb, #EC4899 14%, var(--c-bg)); }