/* ===================================================================
   ADONIS — движок тем UI Kit (adonis-themes.css)
   Темы переключаются атрибутом html[data-theme], шрифты — html[data-font],
   лого — html[data-logo], эффекты — классами fx-* на html.
   База — «atelier» (в adonis-skin.css). Здесь доп-темы и пресеты.
   =================================================================== */

/* ============ ТЕМЫ (палитра) ============ */

/* PAPER — тёплый кремовый редакционный (печать/крафт) */
.adonis-skin[data-theme="paper"]{
  --bone:#EFE7D6; --bone2:#E6DCC6; --surface:#FBF6EC; --ink:#1B1510; --ink2:#6A5E4C;
  --ink3:#A89878; --line:rgba(27,21,16,.14); --line2:rgba(27,21,16,.08);
  --red:#C8102E; --red-ink:#A60d26;
}
/* GALLERY — холодный люкс, почти монохром, мягкий акцент */
.adonis-skin[data-theme="gallery"]{
  --bone:#F1F1EF; --bone2:#E8E8E5; --surface:#FFFFFF; --ink:#14140F; --ink2:#717169;
  --ink3:#ABABA2; --line:rgba(20,20,15,.10); --line2:rgba(20,20,15,.05);
  --red:#D11149; --red-ink:#B00d3d;
}
/* MONO — чистый чёрно-белый, красный только в действии */
.adonis-skin[data-theme="mono"]{
  --bone:#FFFFFF; --bone2:#F2F2F2; --surface:#FFFFFF; --ink:#000000; --ink2:#555555;
  --ink3:#9A9A9A; --line:rgba(0,0,0,.14); --line2:rgba(0,0,0,.07);
  --red:#FF0000; --red-ink:#D60000;
}
/* STREET — дерзкий мерч/стритвир: белый + горячий красный */
.adonis-skin[data-theme="street"]{
  --bone:#FFFFFF; --bone2:#F4F4F2; --surface:#FFFFFF; --ink:#0A0A0A; --ink2:#5C5C5C;
  --ink3:#9A9A9A; --line:rgba(10,10,10,.14); --line2:rgba(10,10,10,.07);
  --red:#FF2A00; --red-ink:#E61E00;
}
.adonis-skin[data-theme="street"] .big{font-size:clamp(40px,5vw,64px)}
.adonis-skin[data-theme="street"] .ph .h{font-size:21px;letter-spacing:.04em}
.adonis-skin[data-theme="street"] .btn-g{border-radius:6px}

/* NOIR — тёмный люкс (графит), белый Druk, красная искра */
.adonis-skin[data-theme="noir"]{
  --bone:#161518; --bone2:#1F1E22; --surface:#1E1D21; --ink:#F4F1EA; --ink2:#A7A39A;
  --ink3:#75726B; --line:rgba(255,255,255,.13); --line2:rgba(255,255,255,.07);
  --red:#FF3B3B; --red-ink:#E22; --glass:#1E1D21; --bd:rgba(255,255,255,.13);
}
/* CARBON — глубокий чёрный, угольный люкс */
.adonis-skin[data-theme="carbon"]{
  --bone:#0C0C0E; --bone2:#141417; --surface:#141416; --ink:#F2F0EB; --ink2:#9C9890;
  --ink3:#6A675F; --line:rgba(255,255,255,.11); --line2:rgba(255,255,255,.06);
  --red:#E4002B; --red-ink:#FF2A4D; --glass:#141416; --bd:rgba(255,255,255,.11);
}
/* общие правки для тёмных тем (noir/carbon): фон сцены, печатное зерно глуше */
.adonis-skin[data-theme="noir"] .scene,.adonis-skin[data-theme="carbon"] .scene{
  background:radial-gradient(70% 55% at 80% 6%,rgba(228,0,43,.10),transparent 60%),var(--bone)!important}
.adonis-skin[data-theme="noir"] body::after,.adonis-skin[data-theme="carbon"] body::after{opacity:.05;mix-blend-mode:screen}
.adonis-skin[data-theme="noir"] .brand .mk,.adonis-skin[data-theme="carbon"] .brand .mk{background:#000!important}
.adonis-skin[data-theme="noir"] .btn,.adonis-skin[data-theme="carbon"] .btn{border-color:var(--ink)!important;color:var(--ink)}
.adonis-skin[data-theme="noir"] .chip,.adonis-skin[data-theme="carbon"] .chip{background:var(--bone2)!important;color:var(--ink2)!important}
.adonis-skin[data-theme="noir"] .top,.adonis-skin[data-theme="carbon"] .top{background:rgba(20,19,22,.7)!important}

/* ============ ШРИФТЫ (пресеты) ============ */
/* по умолчанию (druk) задано в adonis-skin.css: --display:Druk, --sf:Inter */
.adonis-skin[data-font="oswald"]{--display:'Oswald',Impact,sans-serif}
.adonis-skin[data-font="oswald"] .big,.adonis-skin[data-font="oswald"] .brand .t,.adonis-skin[data-font="oswald"] .ph .h{letter-spacing:.01em}
.adonis-skin[data-font="archivo"]{--display:'Archivo',Arial,sans-serif}
.adonis-skin[data-font="archivo"] .big,.adonis-skin[data-font="archivo"] .ph .h,.adonis-skin[data-font="archivo"] .brand .t{font-stretch:125%;font-weight:900}
.adonis-skin[data-font="unbounded"]{--display:'Unbounded',sans-serif;--sf:'Manrope',sans-serif}
.adonis-skin[data-font="unbounded"] .big,.adonis-skin[data-font="unbounded"] .brand .t{letter-spacing:0}
.adonis-skin[data-font="grotesk"]{--display:'Space Grotesk',sans-serif;--sf:'Space Grotesk',sans-serif}
.adonis-skin[data-font="grotesk"] .big,.adonis-skin[data-font="grotesk"] .ph .h{text-transform:none;letter-spacing:-.02em;font-weight:700}
/* body-шрифт можно менять отдельно */
.adonis-skin[data-body="manrope"]{--sf:'Manrope',sans-serif}
.adonis-skin[data-body="onest"]{--sf:'Onest',sans-serif}
.adonis-skin[data-body="golos"]{--sf:'Golos Text','Inter',sans-serif}
.adonis-skin[data-body="rubik"]{--sf:'Rubik','Inter',sans-serif}
.adonis-skin[data-body="plex"]{--sf:'IBM Plex Sans','Inter',sans-serif}
.adonis-skin[data-body="inter"]{--sf:'Inter',-apple-system,sans-serif}
.adonis-skin[data-body="grotesk"]{--sf:'Space Grotesk',sans-serif}


/* ============ ЛОГОТИП (варианты) ============ */
/* wordmark (default) — текст ADO·NIS, марка-мишень слева */
/* target — акцент на марке, текст тоньше */
.adonis-skin[data-logo="target"] .brand .t{font-size:16px;letter-spacing:.22em}
.adonis-skin[data-logo="target"] .brand .mk{width:46px;height:46px}
/* monogram — только монограмма-мишень «A», без слова */
.adonis-skin[data-logo="monogram"] .brand .t span,
.adonis-skin[data-logo="monogram"] .brand .s{display:none}
.adonis-skin[data-logo="monogram"] .brand .t{font-size:0}
.adonis-skin[data-logo="monogram"] .brand .t::before{content:'A';font-size:20px;color:var(--ink)}
/* stacked — слово в столбик, крупно */
.adonis-skin[data-logo="stacked"] .brand .t{font-size:22px;line-height:.86;letter-spacing:.04em}
.adonis-skin[data-logo="stacked"] .brand{align-items:flex-start}

/* ============ ЭФФЕКТЫ (уникальные, переключаемые) ============ */
/* зерно бумаги — управляется классом fx-grain (по умолчанию вкл в skin) */
.adonis-skin:not(.fx-grain) body::after{display:none}

/* red ink-bleed: при наведении на карточку — красное «протекание» из угла */
.adonis-skin.fx-bleed .bb,.adonis-skin.fx-bleed .kpi{position:relative;overflow:hidden}
.adonis-skin.fx-bleed .bb::after,.adonis-skin.fx-bleed .kpi::after{
  content:'';position:absolute;left:-30%;top:-60%;width:60%;height:120%;
  background:radial-gradient(circle,rgba(228,0,43,.14),transparent 70%);
  transform:translateX(-120%);transition:transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.adonis-skin.fx-bleed .bb:hover::after,.adonis-skin.fx-bleed .kpi:hover::after{transform:translateX(260%)}

/* reticle cursor — красная прицельная рамка (через #cring, рисуется adonis-ui.js) */
.adonis-skin.fx-target #cring{display:block!important;width:30px;height:30px;border:1.5px solid var(--red);
  border-radius:50%;background:none;box-shadow:0 0 0 1px rgba(228,0,43,.25)}
.adonis-skin.fx-target #cring::before,.adonis-skin.fx-target #cring::after{content:'';position:absolute;background:var(--red)}
.adonis-skin.fx-target #cring::before{left:50%;top:-6px;width:1px;height:6px;transform:translateX(-50%)}
.adonis-skin.fx-target #cring::after{left:50%;bottom:-6px;width:1px;height:6px;transform:translateX(-50%)}

/* marquee Druk — бегущая строка-плашка (используется в UI Kit и шапках) */
.ad-marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);background:var(--ink);color:#fff}
.ad-marquee>span{display:inline-block;padding:8px 0;font-family:var(--display);font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;font-size:13px;animation:ad-march 22s linear infinite}
.ad-marquee.red{background:var(--red)}
@keyframes ad-march{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* stamp-reveal — «штамп» при смене раздела */
.adonis-skin.fx-stamp .section.on{animation:ad-stamp .5s cubic-bezier(.2,.9,.25,1)}
@keyframes ad-stamp{from{opacity:0;transform:scale(.985) translateY(6px)}to{opacity:1;transform:none}}