/* ══════════════════════════════════════════════════════════════════════════
   ТЕМЫ ДЛЯ СВОИХ
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Неон ─────────────────────────────────────────────────────────────────
   Свечение вместо теней. На чёрном тень не читается вовсе — падать ей
   некуда, — поэтому глубину здесь держит цветной ореол. */
body.theme-neon {
  --bg:          #04040a;
  --bg-2:        #080812;
  --bg-card:     #0d0d1a;
  --s1:          #121222;
  --s2:          #1a1a2e;
  --s3:          #24243f;

  --ln:          rgba(236, 72, 153, .16);
  --ln2:         rgba(236, 72, 153, .28);
  --ln-strong:   rgba(236, 72, 153, .6);
  --rim:         rgba(103, 232, 249, .14);
  --rim-strong:  rgba(103, 232, 249, .26);

  --p:           #ec4899;
  --pd:          #be1e6d;
  --p-soft:      rgba(236, 72, 153, .18);
  --p-ring:      rgba(236, 72, 153, .45);
  --glow:        rgba(236, 72, 153, .55);
  --brand:       #ec4899;

  --t1:          #f6f0ff;
  --t2:          #a5a0c4;
  --t3:          #6f6a90;
  --price-color: #67e8f9;
  --price-bg:    rgba(103, 232, 249, .12);

  --gr:          #22d3ee;
  --gr-soft:     rgba(34, 211, 238, .16);
  --rd:          #fb7185;
  --hdr-bg:      rgba(4, 4, 10, .92);

  --gold:        #67e8f9;
  --gold-2:      #a5f3fc;
  --gold-soft:   rgba(103, 232, 249, .14);
  --gold-ring:   rgba(103, 232, 249, .45);

  --surf-1: rgba(26, 26, 46, .88);
  --surf-2: rgba(13, 13, 26, .94);
  --acc-1:  #d11e99;
  --acc-2:  #8b1a63;
  --acc-glow: rgba(236, 72, 153, .55);
  --ico-1:  rgba(236, 72, 153, .32);
  --ico-2:  rgba(103, 232, 249, .08);
  --atmo-1: rgba(236, 72, 153, .30);
  --atmo-2: rgba(103, 232, 249, .22);
  --atmo-3: rgba(168, 85, 247, .14);
  --on-acc: #ffffff;

  /* Тени цветные и не под карточкой, а вокруг неё: это ореол, а не опора. */
  --sh-card:  0 0 0 1px rgba(236,72,153,.10), 0 6px 26px -10px rgba(236,72,153,.35);
  --sh-lift:  0 0 0 1px rgba(236,72,153,.18), 0 10px 34px -12px rgba(236,72,153,.5);
  --sh-pop:   0 10px 40px rgba(236,72,153,.35);
}
body.theme-neon {
  background-color: #04040a;
  background-image:
    radial-gradient(120% 58% at 50% -10%, rgba(236,72,153,.24), transparent 62%),
    radial-gradient(70%  42% at 100% 8%,  rgba(103,232,249,.18), transparent 60%),
    radial-gradient(62%  38% at 0%   22%, rgba(168,85,247,.14), transparent 60%),
    linear-gradient(180deg, #0a0616 0%, #04040a 58%);
}
body.theme-neon .row-name,
body.theme-neon .hdr-h { text-shadow: 0 0 14px rgba(236,72,153,.30); }
body.theme-neon .row-price { text-shadow: 0 0 12px rgba(103,232,249,.45); }

/* ── Пепел ────────────────────────────────────────────────────────────────
   Ни одного цветного пятна: акцент белый, деньги белые, разделители серые.
   Единственный цвет — красный у ошибок, потому что тревогу серым не
   передать. */
body.theme-ash {
  --bg:          #0c0c0d;
  --bg-2:        #101011;
  --bg-card:     #171718;
  --s1:          #1c1c1e;
  --s2:          #232326;
  --s3:          #2e2e32;

  --ln:          rgba(255, 255, 255, .08);
  --ln2:         rgba(255, 255, 255, .14);
  --ln-strong:   rgba(255, 255, 255, .34);
  --rim:         rgba(255, 255, 255, .07);
  --rim-strong:  rgba(255, 255, 255, .14);

  --p:           #e8e8ea;
  --pd:          #b8b8bc;
  --p-soft:      rgba(255, 255, 255, .09);
  --p-ring:      rgba(255, 255, 255, .22);
  --glow:        rgba(255, 255, 255, .12);
  --brand:       #e8e8ea;

  --t1:          #f2f2f3;
  --t2:          #9a9aa0;
  --t3:          #6a6a70;
  --price-color: #f2f2f3;
  --price-bg:    rgba(255, 255, 255, .07);

  --gr:          #b8b8bc;
  --gr-soft:     rgba(255, 255, 255, .09);
  --rd:          #e06c6c;
  --hdr-bg:      rgba(12, 12, 13, .92);

  --gold:        #e8e8ea;
  --gold-2:      #ffffff;
  --gold-soft:   rgba(255, 255, 255, .08);
  --gold-ring:   rgba(255, 255, 255, .26);

  --surf-1: rgba(35, 35, 38, .88);
  --surf-2: rgba(23, 23, 24, .94);
  --acc-1:  #4a4a50;
  --acc-2:  #2a2a2e;
  --acc-glow: rgba(0, 0, 0, .5);
  --ico-1:  rgba(255, 255, 255, .14);
  --ico-2:  rgba(255, 255, 255, .03);
  --atmo-1: rgba(255, 255, 255, .05);
  --atmo-2: rgba(255, 255, 255, .03);
  --atmo-3: transparent;
  --on-acc: #f2f2f3;

  --sh-card:  0 1px 2px rgba(0,0,0,.6), 0 12px 26px -16px rgba(0,0,0,.9);
  --sh-lift:  0 2px 4px rgba(0,0,0,.55), 0 20px 40px -20px rgba(0,0,0,.95);
  --sh-pop:   0 10px 34px rgba(0,0,0,.7);
}
body.theme-ash {
  background-color: #0c0c0d;
  background-image: linear-gradient(180deg, #131314 0%, #0c0c0d 60%);
}
/* Подкраска разделов в этой теме выключена: смысл «Пепла» в отсутствии
   цвета, а разноцветные значки категорий его бы и вернули. */
body.theme-ash .row-ico { color: var(--t2) !important; }
body.theme-ash .sec-hd-t { color: var(--t2); }