@layer critical, theme, custom;
@layer theme {
/* Вологодский стиль: надстройка над store.css и art.css (они же, что в брендбуке). Набор цветов приходит из /theme-vars.css:
   --page --card --ink --ink2 --ink3 --line --brand --action --soft --dark, плашки --tone0..3 и цвет рисунка --art0..3.
   Здесь только то, чего в store.css нет: десять рисунков-заглушек (птицы и линия) и светлые элементы на тёмной «Ночи». */
html.vologda { --accent-text: var(--action); --on-dark: #FFFFFF; }
.vologda .tone-0 { background: var(--tone0); color: var(--art0); }
.vologda .tone-1 { background: var(--tone1); color: var(--art1); }
.vologda .tone-2 { background: var(--tone2); color: var(--art2); }
.vologda .tone-3 { background: var(--tone3); color: var(--art3); }
.vologda .photo .ph-ill { width: calc(100% - 24px); height: calc(100% - 28px); margin: 0 12px 12px; }
.vologda .ph-row .ph-ill { width: 84%; height: 84%; margin: 0 0 4px; }
.vologda .ph-thumb .ph-ill { width: 88%; height: 88%; margin: 0; }
.vologda .ph-big .ph-ill { width: 82%; height: 82%; margin: 0 0 8px; }
.vologda .hero .h-cap { color: #fff; }
.vologda .hero p.lead { opacity: 1; }
.vologda .chip.on { color: var(--page); }
.vologda .add.on { color: #fff; }
.vologda .foot .ring { color: var(--accent-text); }
.vologda .cartbar .btn, .vologda .cartbar .btn.main { background: #fff; color: var(--dark); border-color: #fff; }
.vologda .svc .photo { background: var(--soft); }
} /* конец @layer theme */