/* HOLYLAND v3.35-rc.33 — светлая тема «Эманация».
   Только палитра index.html: тёмная тема и медиаплеер не меняются. */
html[data-theme="light"] {
  color-scheme: light;
  --bg0: #f3edf8;
  --bg1: #ddcfea;
  --plum: #ebe1f2;
  --gold: #b18424;
  --gold2: #d4af4b;
  --violet: #7443a0;
  --neon: #a678ca;
  --teal: #70409a;
  --ink: #29163a;
  --ink-dim: #6e5b79;
  --ink-faint: #9a88a5;
  --glass: rgba(255, 255, 255, .56);
  --glass2: rgba(250, 247, 252, .76);
  --line: rgba(104, 59, 139, .20);
  --glassgrad: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(235, 225, 244, .58));
  --glassborder: rgba(104, 59, 139, .20);
  --bar: rgba(242, 235, 248, .88);
  --brandtop: #9b6d18;
  --hl-light-accent: #70409a;
  --hl-light-accent-2: #9a6abb;
  --hl-light-soft: rgba(112, 64, 154, .10);
  --hl-light-softer: rgba(112, 64, 154, .055);
  --hl-light-panel: rgba(255, 255, 255, .68);
  --hl-light-edge: rgba(112, 64, 154, .22);
  --hl-light-gold: #b18424;
  --hl-light-gold-2: #d4af4b;
  --hl-light-gold-soft: rgba(177, 132, 36, .11);
  --hl-light-gold-edge: rgba(177, 132, 36, .34);
}

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] #room {
  background-color: #f3edf8;
  background-image:
    radial-gradient(920px 540px at 12% -8%, rgba(122, 75, 159, .22), transparent 66%),
    radial-gradient(760px 520px at 98% 22%, rgba(178, 140, 204, .20), transparent 70%),
    linear-gradient(180deg, #eee5f5 0%, #f8f5fa 48%, #eee6f4 100%);
  background-attachment: fixed;
  color: var(--ink);
}

html[data-theme="light"] #login,
html[data-theme="light"] #facade,
html[data-theme="light"] #reset {
  background:
    radial-gradient(660px 430px at 50% 12%, rgba(132, 83, 169, .24), transparent 67%),
    linear-gradient(180deg, #e9def2, #f7f3f9 62%, #eee6f4);
}

html[data-theme="light"] .topbar,
html[data-theme="light"] .rhead,
html[data-theme="light"] .tabbar,
html[data-theme="light"] .composer,
html[data-theme="light"] .emopal,
html[data-theme="light"] #hlregDm {
  background: linear-gradient(135deg, rgba(251, 249, 253, .92), rgba(231, 220, 241, .88));
  border-color: var(--hl-light-edge);
  box-shadow: 0 8px 28px rgba(61, 30, 82, .07);
}

html[data-theme="light"] .topbar {
  border-bottom-color: var(--hl-light-gold-edge);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .74), 0 10px 32px rgba(67, 35, 89, .07);
}

html[data-theme="light"] .brand {
  background-image: linear-gradient(180deg, #8f6415 5%, #d0a642 58%, #7443a0 132%);
}

html[data-theme="light"] .glass,
html[data-theme="light"] .hall,
html[data-theme="light"] .tile,
html[data-theme="light"] .card,
html[data-theme="light"] .cab-hero,
html[data-theme="light"] .track,
html[data-theme="light"] .dmbtn,
html[data-theme="light"] .pfcomp,
html[data-theme="light"] .pfmode,
html[data-theme="light"] .pfmore,
html[data-theme="light"] .pflink,
html[data-theme="light"] #hlFontBox {
  background: linear-gradient(145deg, rgba(255, 255, 255, .80), rgba(232, 221, 241, .52));
  border-color: var(--hl-light-edge);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80), 0 10px 28px rgba(63, 31, 86, .055);
}

html[data-theme="light"] .hall.pin,
html[data-theme="light"] .msg.me,
html[data-theme="light"] .rchip.mine,
html[data-theme="light"] #pfTagBar .chip,
html[data-theme="light"] .hlreg-chip,
html[data-theme="light"] #epStk .stk-studio,
html[data-theme="light"] #hlCastBtn,
html[data-theme="light"] .hldmst.wait {
  background: linear-gradient(135deg, rgba(212, 175, 75, .15), rgba(112, 64, 154, .09));
  border-color: var(--hl-light-gold-edge);
  color: #56306f;
}

html[data-theme="light"] .hall .ha,
html[data-theme="light"] .track .tn,
html[data-theme="light"] #hlci .row .ic,
html[data-theme="light"] .dmav {
  background: linear-gradient(145deg, rgba(112, 64, 154, .17), rgba(192, 159, 213, .12));
  border-color: rgba(112, 64, 154, .23);
  color: #623684;
}

html[data-theme="light"] .msg.them {
  background: rgba(255, 255, 255, .70);
  border-color: rgba(104, 59, 139, .17);
  box-shadow: 0 5px 18px rgba(61, 31, 82, .045);
}

html[data-theme="light"] #msgs .msg.circmsg:has(.smsg) {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 2px 0 !important;
}

html[data-theme="light"] #msgs.has-wall {
  box-shadow: inset 0 0 0 9999px rgba(244, 238, 248, .34);
}

html[data-theme="light"] #msgs.has-wall .msg.them:not(:has(.smsg)):not(:has(.cmsg)) {
  background: rgba(251, 249, 253, .90);
  border-color: rgba(104, 59, 139, .17);
}

html[data-theme="light"] #msgs.has-wall .msg.me:not(:has(.smsg)):not(:has(.cmsg)) {
  background: linear-gradient(135deg, rgba(217, 197, 231, .94), rgba(240, 232, 246, .92));
  border-color: rgba(104, 59, 139, .23);
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .composer textarea,
html[data-theme="light"] .pfcin textarea,
html[data-theme="light"] .pfedit textarea,
html[data-theme="light"] #dmQ,
html[data-theme="light"] .dmrep textarea,
html[data-theme="light"] #hlLangSel {
  background: rgba(255, 255, 255, .56);
  border-color: rgba(104, 59, 139, .20);
  color: var(--ink);
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] .composer textarea:focus,
html[data-theme="light"] .pfcin textarea:focus {
  border-color: rgba(112, 64, 154, .55);
  box-shadow: 0 0 0 3px rgba(112, 64, 154, .09);
  outline: none;
}

html[data-theme="light"] .primary,
html[data-theme="light"] .fsend,
html[data-theme="light"] .send,
html[data-theme="light"] .pc-send,
html[data-theme="light"] #pfSend,
html[data-theme="light"] .pfedit button.ok,
html[data-theme="light"] .dmtabs button.on,
html[data-theme="light"] .dma.pri,
html[data-theme="light"] .newpill,
html[data-theme="light"] .hbadge,
html[data-theme="light"] #hlregEd .save,
html[data-theme="light"] .hllive-watch {
  background: linear-gradient(135deg, #68408b, #9a6bbb);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 8px 22px rgba(91, 49, 121, .20);
}

html[data-theme="light"] .langsw button.on,
html[data-theme="light"] .tab.on,
html[data-theme="light"] .ep-tabs button.on,
html[data-theme="light"] .pfact.on,
html[data-theme="light"] .pfhead .sp2,
html[data-theme="light"] .tile .t-v,
html[data-theme="light"] .cab-hero .spirit,
html[data-theme="light"] a.pftag,
html[data-theme="light"] a.pfurl {
  color: #68408b;
}

html[data-theme="light"] .langsw button.on,
html[data-theme="light"] .ep-tabs button.on {
  background: rgba(112, 64, 154, .13);
  border-color: rgba(112, 64, 154, .25);
}

html[data-theme="light"] .themebtn,
html[data-theme="light"] .rback,
html[data-theme="light"] .emobtn,
html[data-theme="light"] .pfbtn,
html[data-theme="light"] .give button,
html[data-theme="light"] .logout,
html[data-theme="light"] .dmhead button,
html[data-theme="light"] .dma,
html[data-theme="light"] .pfact,
html[data-theme="light"] .pfedit button {
  background: rgba(255, 255, 255, .54);
  border-color: rgba(104, 59, 139, .20);
  color: #644e71;
}

html[data-theme="light"] .pfmenu,
html[data-theme="light"] .dmpanel,
html[data-theme="light"] #hlci,
html[data-theme="light"] #hlregEd .box,
html[data-theme="light"] #hlPr .sh,
html[data-theme="light"] #hlAnWrap .card {
  background: linear-gradient(180deg, #faf7fc, #ece2f3) !important;
  border-color: rgba(104, 59, 139, .22) !important;
  color: var(--ink) !important;
  box-shadow: 0 22px 64px rgba(55, 28, 76, .20) !important;
}

html[data-theme="light"] #dmSheet,
html[data-theme="light"] #actSheet,
html[data-theme="light"] #reactSheet,
html[data-theme="light"] #attachSheet,
html[data-theme="light"] #hlregEd,
html[data-theme="light"] #hlAnWrap,
html[data-theme="light"] #hlPr {
  background: rgba(45, 25, 58, .28) !important;
}

html[data-theme="light"] .dmrow,
html[data-theme="light"] .dmsw,
html[data-theme="light"] .dmitem,
html[data-theme="light"] .dmtabs button:not(.on),
html[data-theme="light"] .dma:not(.pri),
html[data-theme="light"] #hlregEd .rrow,
html[data-theme="light"] #hlregEd select,
html[data-theme="light"] #hlregEd input,
html[data-theme="light"] #hlregEd textarea,
html[data-theme="light"] #hlPr .alt,
html[data-theme="light"] #hlci .mute {
  background: rgba(255, 255, 255, .48) !important;
  border-color: rgba(104, 59, 139, .18) !important;
  color: var(--ink) !important;
}

html[data-theme="light"] .dmnm,
html[data-theme="light"] .dmhead b,
html[data-theme="light"] #hlregEd h4,
html[data-theme="light"] #hlPr .nm,
html[data-theme="light"] #hlci .hd b {
  color: var(--ink) !important;
}

html[data-theme="light"] .dmsub,
html[data-theme="light"] .dmnote,
html[data-theme="light"] #hlPr .sub,
html[data-theme="light"] #hlci .sub {
  color: var(--ink-dim) !important;
}

html[data-theme="light"] .pfchoice,
html[data-theme="light"] .atitem {
  background: rgba(255, 255, 255, .68);
  border-color: rgba(104, 59, 139, .17);
  color: var(--ink);
}

html[data-theme="light"] .pfmode:active,
html[data-theme="light"] .pfchoice:active,
html[data-theme="light"] .atitem:active,
html[data-theme="light"] .dmrow:active {
  background: rgba(112, 64, 154, .10) !important;
}

html[data-theme="light"] .pfupload > i,
html[data-theme="light"] .pfpendingbar,
html[data-theme="light"] .voice .bar,
html[data-theme="light"] .vbar {
  background: rgba(74, 42, 94, .11);
}

html[data-theme="light"] .pfupload > i > b,
html[data-theme="light"] .pfpendingbar > i {
  background: linear-gradient(90deg, #6f4098, #b486d0);
}

html[data-theme="light"] #pfList .pfpost {
  border-bottom-color: rgba(104, 59, 139, .16) !important;
}

html[data-theme="light"] .pffilter,
html[data-theme="light"] .pftabs,
html[data-theme="light"] .flsw,
html[data-theme="light"] .hllive-card,
html[data-theme="light"] .hlcreate-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, .74), rgba(231, 219, 240, .48));
  border-color: rgba(104, 59, 139, .20);
}

html[data-theme="light"] .pftab.on,
html[data-theme="light"] .flsw button.on,
html[data-theme="light"] .flbtn.on {
  background: linear-gradient(135deg, rgba(212, 175, 75, .18), rgba(112, 64, 154, .08));
  box-shadow: inset 0 0 0 1px rgba(177, 132, 36, .12);
  color: #8f6415;
}

html[data-theme="light"] .hllive-card,
html[data-theme="light"] .hllive-one {
  box-shadow: none;
}

html[data-theme="light"] .hllive-badge,
html[data-theme="light"] .hllive-flag,
html[data-theme="light"] .hall .pinbadge,
html[data-theme="light"] #hlPr .rl {
  background: linear-gradient(135deg, rgba(212, 175, 75, .18), rgba(112, 64, 154, .09));
  border-color: var(--hl-light-gold-edge);
  color: #805713;
}

html[data-theme="light"] .tabbar .tab .newdot,
html[data-theme="light"] #pullInd {
  background: var(--hl-light-gold-2);
  border-color: rgba(255, 255, 255, .86);
  box-shadow: 0 0 0 2px rgba(112, 64, 154, .13);
}

html[data-theme="light"] .daysep::before,
html[data-theme="light"] .daysep::after,
html[data-theme="light"] .hl-unread-div::before,
html[data-theme="light"] .hl-unread-div::after {
  background: linear-gradient(90deg, transparent, rgba(112, 64, 154, .36), transparent);
}

html[data-theme="light"] .daysep span,
html[data-theme="light"] .hl-unread-div span {
  background: rgba(246, 241, 249, .84);
  border-color: rgba(104, 59, 139, .17);
  color: #70409a;
}

html[data-theme="light"] #stBar .st-one.mine .st-ring .st-plus {
  border-color: #f3edf8;
}

html[data-theme="light"] .dmtoast,
html[data-theme="light"] .toast {
  background: rgba(53, 29, 71, .94) !important;
  border-color: rgba(190, 150, 217, .34) !important;
  color: #fbf8fd !important;
}

@media (max-width: 560px) {
  html[data-theme="light"] body,
  html[data-theme="light"] #room {
    background-image:
      radial-gradient(520px 330px at 18% -4%, rgba(122, 75, 159, .19), transparent 68%),
      linear-gradient(180deg, #eee5f5 0%, #f8f5fa 50%, #eee6f4 100%);
  }
}

/* rc.32: механическая доводка жёстко зашитых хвостов старой палитры.
   Только светлая тема; тёмная тема, роли, запись/удаление и плеер не меняются. */
html[data-theme="light"] #hlTrCard {
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(231,220,241,.92));
  border-color: rgba(104,59,139,.20);
  color: var(--ink);
  box-shadow: 0 8px 28px rgba(61,30,82,.10);
}
html[data-theme="light"] #hlTrCard h3,
html[data-theme="light"] #hlTrCard b { color: #4b255f; }
html[data-theme="light"] #hlTrCard p,
html[data-theme="light"] #hlTrCard ul,
html[data-theme="light"] #hlTrCard li,
html[data-theme="light"] #hlTrBtns { color: var(--ink); }
html[data-theme="light"] #hlTrOk,
html[data-theme="light"] #hlTrOk.gold {
  background: linear-gradient(135deg, #68408b, #9a6bbb);
  border-color: transparent;
  color: #fff;
}
html[data-theme="light"] #hlTrData {
  background: rgba(255,255,255,.55);
  border-color: rgba(104,59,139,.20);
  color: var(--ink);
}
html[data-theme="light"] .na-yes {
  background: linear-gradient(135deg, #68408b, #9a6bbb) !important;
  border-color: transparent !important;
  color: #fff !important;
}
html[data-theme="light"] .hlpen {
  border-color: rgba(104,59,139,.20);
  color: var(--hl-light-accent);
}
html[data-theme="light"] #dmCount,
html[data-theme="light"] .dmbadge {
  background: var(--hl-light-accent) !important;
  color: #fff !important;
}
html[data-theme="light"] .hllive-badge {
  background: linear-gradient(135deg, rgba(212,175,75,.20), rgba(112,64,154,.10)) !important;
  border-color: rgba(177,132,36,.34) !important;
  color: #805713 !important;
}
html[data-theme="light"] .hllive-manage {
  background: rgba(112,64,154,.12);
  border-color: rgba(112,64,154,.26);
  color: #60407f;
}
html[data-theme="light"] .newpill { border-color: rgba(112,64,154,.30) !important; }
html[data-theme="light"] .hlfi { background: rgba(112,64,154,.12); }
html[data-theme="light"] #cpHold { border-color: rgba(112,64,154,.35); }
html[data-theme="light"] .quote {
  border-color: rgba(112,64,154,.18);
  background: rgba(112,64,154,.05);
}
html[data-theme="light"] #hlFontBox .row button { border-color: rgba(104,59,139,.22); }
html[data-theme="light"] #hlFontBox .row button.on {
  background: linear-gradient(135deg, #68408b, #9a6bbb);
  border-color: transparent;
  color: #fff;
}
html[data-theme="light"] select option { color: var(--ink); }

/* rc.33: золото снова задаёт иерархию, фиолетовый остаётся основой темы. */
html[data-theme="light"] .pffilter,
html[data-theme="light"] .pftabs,
html[data-theme="light"] .flsw,
html[data-theme="light"] .pfcomp {
  border-color: rgba(177,132,36,.24);
}
html[data-theme="light"] .pfmode::before,
html[data-theme="light"] .pfmodehead b,
html[data-theme="light"] .pfact.on,
html[data-theme="light"] .tab.on {
  color: var(--hl-light-gold);
}
html[data-theme="light"] .pfmode::before {
  background: linear-gradient(180deg, var(--hl-light-gold-2), var(--hl-light-gold));
}
html[data-theme="light"] #pfList .pfpost {
  border-bottom-color: rgba(177,132,36,.22) !important;
}
html[data-theme="light"] .hllesson-one .st-ring {
  border-color: rgba(177,132,36,.72) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(225,211,237,.88)) !important;
  color: var(--hl-light-gold) !important;
  box-shadow: 0 0 0 2px rgba(177,132,36,.08), inset 0 0 22px rgba(112,64,154,.08) !important;
}
html[data-theme="light"] .hllesson-one .st-nm {
  color: #805713 !important;
}
