/* цвета сайта, собрано из _semya/sites.py */
:root {
  --b1: #F237A6; --b2: #4100F5; --accent-t: #C4167F; --btn: #D11E8C;
  --ink: #2A1A8C; --light: #FCF6EA; --grey: #FCF6EA; --dark: #4100F5; --deep: #2A1A8C;
  --mark: #F237A6; --mark-op: .14; --w1: #F237A6; --w2: #4100F5;
  --pink: #FFC4E6; --red-t: #C4167F; --red-d: #D11E8C; --red: #F237A6;
  --mark-face: rgba(242,55,166,.35); --rad: 24px; --btn-rad: 999px; --key-bg: #4100F5; --hero-eyebrow: #C4167F; --hero-sub: #C4167F;
}
body[data-theme="white"], body[data-theme="light"], body[data-theme="grey"] { --fg: var(--ink); --fg-2: rgba(42,26,140,.82); --line: rgba(242,55,166,.3); }
body[data-theme="dark"], body[data-theme="ink"] { --fg: #fff; --fg-2: rgba(255,255,255,.88); --line: rgba(255,255,255,.3); --red-t: #FFC4E6; }
body[data-theme="ink"] .hdr.is-scrolled, body[data-theme="ink"] .stagebg { background-color: var(--deep); }
.page main > section[data-theme="white"] { background: #fff; color: var(--ink); --fg: var(--ink); --fg-2: rgba(42,26,140,.82); --line: rgba(242,55,166,.3); }
.page main > section[data-theme="light"], .page main > section[data-theme="grey"] { background: var(--light); color: var(--ink); --fg: var(--ink); --fg-2: rgba(42,26,140,.82); --line: rgba(242,55,166,.3); }
.page main > section[data-theme="dark"] { background: var(--dark); color: #fff; --fg: #fff; --fg-2: rgba(255,255,255,.88); --line: rgba(255,255,255,.3); --red-t: #FFC4E6; }
.page main > section[data-theme="ink"] { background: var(--deep); color: #fff; --fg: #fff; --fg-2: rgba(255,255,255,.86); --line: rgba(255,255,255,.28); --red-t: #FFC4E6; }
.page main > section.s-hero { background: #FCF6EA; }
.s-card, .s-res__i, .svid li { border: 2px solid #F7B2D9; }
.s-card { background: #fff; }
.s-res__i { border-radius: var(--rad); padding: 22px 22px 24px; background: #fff; }
.s-card--key { border-color: var(--b1); }
.s-karta .rmap__card { border: 2px solid #F7B2D9 !important; border-radius: var(--rad); }
.s-gal__i { border: 2px solid #F7B2D9; }
.faces--4 .face__img { border: 2px solid #F7B2D9; }
.s-hero .phero__title { color: var(--ink); }