/* Public-site theme tokens and component rules. Scoped to public pages only. */
:root {
    color-scheme: light;
    --public-page: #f8fafc;
    --public-surface: #ffffff;
    --public-raised: #f1f5f9;
    --public-text: #0f172a;
    --public-muted: #475569;
    --public-border: #e2e8f0;
    --public-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

html[data-public-theme="dark"] {
    color-scheme: dark;
    --public-page: #121212;
    --public-surface: #1d1d1d;
    --public-raised: #292929;
    --public-text: #f3f4f6;
    --public-muted: #c4c7cc;
    --public-border: #3a3a3a;
    --public-shadow: 0 8px 24px rgba(0, 0, 0, .28);
}

html[data-public-theme] body.public-site {
    background-color: var(--public-page);
    color: var(--public-text);
    transition: background-color .18s ease, color .18s ease;
}

/*html[data-public-theme] body.public-site :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,small,figcaption) {*/
/*    color: inherit;*/
/*}*/

html[data-public-theme="dark"] body.public-site :where(
    .bg-white,.bg-white\/70,.bg-white\/80,.bg-white\/90,.bg-white\/95,
    .bg-slate-50,.bg-slate-100,.bg-slate-200,.bg-gray-50,.bg-gray-100,.bg-gray-200,.bg-gray-300,
    .bg-neutral-50,.bg-neutral-100,.bg-zinc-50,.bg-zinc-100,.bg-brand-50,.bg-brand-100,.bg-brand-200
) { background-color: var(--public-surface) !important; }

html[data-public-theme="light"] body.public-site :where(.bg-white\/5,.bg-white\/10,.bg-white\/20,.bg-white\/30,.bg-white\/50) {
    background-color: var(--public-raised) !important;
}

html[data-public-theme="dark"] body.public-site :where(.bg-slate-100,.bg-gray-100,.bg-neutral-100,.bg-zinc-100,.bg-brand-50,.bg-brand-100) {
    background-color: var(--public-raised) !important;
}
html[data-public-theme="dark"] body.public-site :where(
    .bg-red-50,.bg-red-100,.bg-red-200,.bg-rose-50,.bg-rose-100,.bg-rose-200,
    .bg-green-50,.bg-green-100,.bg-green-200,.bg-emerald-50,.bg-emerald-100,.bg-emerald-200,
    .bg-blue-50,.bg-blue-100,.bg-blue-200,.bg-sky-50,.bg-sky-100,.bg-sky-200,
    .bg-amber-50,.bg-amber-100,.bg-amber-200,.bg-yellow-50,.bg-yellow-100,.bg-yellow-200,
    .bg-purple-50,.bg-purple-100,.bg-purple-200,.bg-violet-50,.bg-violet-100,.bg-violet-200,
    .bg-teal-50,.bg-teal-100,.bg-teal-200,.bg-pink-50,.bg-pink-100,.bg-pink-200
) { background-color: #292929 !important; }

html[data-public-theme="light"] body.public-site :where(
    .bg-black,
    .bg-slate-700,.bg-slate-800,.bg-slate-900,.bg-gray-700,.bg-gray-800,.bg-gray-900,
    .bg-neutral-700,.bg-neutral-800,.bg-neutral-900,.bg-zinc-700,.bg-zinc-800,.bg-zinc-900,
    .bg-\[\#272727\],.bg-\[\#4d4941\],.bg-\[\#161616\]
) { background-color: var(--public-surface) !important; }

html[data-public-theme="light"] body.public-site :where(.bg-black,.bg-slate-900,.bg-gray-900,.bg-neutral-900,.bg-zinc-900,.bg-\[\#161616\]) {
    background-color: var(--public-raised) !important;
}
html[data-public-theme="dark"] body.public-site :where(.hover\:bg-white:hover,.hover\:bg-white\/70:hover,.hover\:bg-white\/80:hover,.hover\:bg-white\/90:hover,.hover\:bg-white\/95:hover,.hover\:bg-slate-50:hover,.hover\:bg-slate-100:hover,.hover\:bg-slate-200:hover,.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover,.hover\:bg-gray-200:hover,.hover\:bg-neutral-100:hover,.hover\:bg-zinc-100:hover,.active\:bg-white:active,.active\:bg-slate-100:active,.active\:bg-slate-200:active,.active\:bg-gray-200:active) {
    background-color: var(--public-raised) !important;
}
html[data-public-theme="light"] body.public-site :where(.hover\:bg-black:hover,.hover\:bg-slate-800:hover,.hover\:bg-slate-900:hover,.hover\:bg-gray-800:hover,.hover\:bg-gray-900:hover,.hover\:bg-neutral-800:hover,.hover\:bg-zinc-800:hover,.active\:bg-slate-900:active,.active\:bg-gray-900:active) {
    background-color: var(--public-raised) !important;
}
html[data-public-theme="dark"] body.public-site :where(.hover\:border-slate-100:hover,.hover\:border-slate-200:hover,.hover\:border-slate-300:hover,.hover\:border-gray-100:hover,.hover\:border-gray-200:hover,.hover\:border-gray-300:hover) { border-color: var(--public-border) !important; }
html[data-public-theme="light"] body.public-site :where(.hover\:border-slate-700:hover,.hover\:border-slate-800:hover,.hover\:border-gray-700:hover,.hover\:border-gray-800:hover) { border-color: var(--public-border) !important; }
html[data-public-theme="dark"] body.public-site.bg-slate-50 { background-color: var(--public-page) !important; }
html[data-public-theme="dark"] body.public-site-auth.bg-white { background-color: var(--public-page) !important; }

html[data-public-theme="dark"] body.public-site :where(
    .text-black,.text-black\/50,.text-black\/60,.text-black\/70,.text-black\/75,.text-black\/80,
    .text-slate-900,.text-slate-800,.text-slate-700,.text-gray-900,.text-gray-800,.text-gray-700,
    .text-neutral-900,.text-neutral-800,.text-zinc-900,.text-zinc-800
) { color: var(--public-text) !important; }

html[data-public-theme="dark"] body.public-site :where(
    .text-slate-600,.text-slate-500,.text-slate-400,.text-gray-600,.text-gray-500,.text-gray-400,
    .text-neutral-600,.text-neutral-500,.text-zinc-600,.text-zinc-500
) { color: var(--public-muted) !important; }
html[data-public-theme="dark"] body.public-site :where(.text-red-600,.text-red-700,.text-red-800,.text-rose-600,.text-rose-700,.text-rose-800) { color: #fca5a5 !important; }
html[data-public-theme="dark"] body.public-site :where(.text-green-600,.text-green-700,.text-green-800,.text-emerald-600,.text-emerald-700,.text-emerald-800) { color: #86efac !important; }
html[data-public-theme="dark"] body.public-site :where(.text-blue-600,.text-blue-700,.text-blue-800,.text-sky-600,.text-sky-700,.text-sky-800) { color: #93c5fd !important; }
html[data-public-theme="dark"] body.public-site :where(.text-amber-600,.text-amber-700,.text-yellow-600,.text-yellow-700) { color: #fcd34d !important; }
html[data-public-theme="dark"] body.public-site :where(.text-purple-600,.text-purple-700,.text-violet-600,.text-violet-700) { color: #c4b5fd !important; }
html[data-public-theme="dark"] body.public-site :where(.text-teal-600,.text-teal-700) { color: #5eead4 !important; }
html[data-public-theme="dark"] body.public-site :where(.text-pink-600,.text-pink-700) { color: #f9a8d4 !important; }

html[data-public-theme="light"] body.public-site :where(.bg-white,.bg-white\/5,.bg-white\/10,.bg-white\/20,.bg-white\/30,.bg-white\/50,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.bg-neutral-50,.bg-neutral-100,.bg-zinc-50,.bg-zinc-100,.bg-black,.bg-slate-700,.bg-slate-800,.bg-slate-900,.bg-gray-700,.bg-gray-800,.bg-gray-900,.bg-neutral-700,.bg-neutral-800,.bg-neutral-900,.bg-zinc-700,.bg-zinc-800,.bg-zinc-900,.bg-\[\#272727\],.bg-\[\#4d4941\],.bg-\[\#161616\]) :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90),
html[data-public-theme="light"] body.public-site :where(.bg-white,.bg-white\/5,.bg-white\/10,.bg-white\/20,.bg-white\/30,.bg-white\/50,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.bg-neutral-50,.bg-neutral-100,.bg-zinc-50,.bg-zinc-100,.bg-black,.bg-slate-700,.bg-slate-800,.bg-slate-900,.bg-gray-700,.bg-gray-800,.bg-gray-900,.bg-neutral-700,.bg-neutral-800,.bg-neutral-900,.bg-zinc-700,.bg-zinc-800,.bg-zinc-900,.bg-\[\#272727\],.bg-\[\#4d4941\],.bg-\[\#161616\]).text-white {
    color: var(--public-text) !important;
}

/* Keep white labels on saturated/brand actions and text over explicit media overlays. */
html[data-public-theme="light"] body.public-site :where(
    .bg-brand-500,.bg-brand-600,.bg-brand-700,.bg-brand-800,.bg-brand-900,
    .bg-blue-500,.bg-blue-600,.bg-green-500,.bg-green-600,.bg-red-500,.bg-red-600,
    .bg-amber-500,.bg-amber-600,.bg-purple-500,.bg-purple-600,.bg-rose-500,.bg-rose-600
) :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90),
html[data-public-theme="light"] body.public-site :where(.bg-brand-500,.bg-brand-600,.bg-brand-700,.bg-brand-800,.bg-brand-900,.bg-blue-500,.bg-blue-600,.bg-green-500,.bg-green-600,.bg-red-500,.bg-red-600,.bg-amber-500,.bg-amber-600,.bg-purple-500,.bg-purple-600,.bg-rose-500,.bg-rose-600) {
    color: #fff !important;
}
html[data-public-theme="light"] body.public-site :where(.bg-black\/20,.bg-black\/25,.bg-black\/30,.bg-black\/40,.bg-black\/50,.bg-black\/60,.bg-black\/70,.bg-black\/75,.bg-black\/80,.bg-black\/90) :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90) {
    color: #fff !important;
}
html[data-public-theme="light"] body.public-site [class*="bg-gradient-"] :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90),
html[data-public-theme="light"] body.public-site [class*="from-black"] :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90) {
    color: #fff !important;
}
html[data-public-theme="light"] body.public-site footer :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90) { color: #fff !important; }
html[data-public-theme="light"] body.public-site header .bg-brand-800 :where(.bg-white\/10,.bg-white\/20) {
    background-color: rgba(255,255,255,.16) !important;
}
html[data-public-theme="light"] body.public-site header .bg-brand-800 :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90) {
    color: #fff !important;
}
html[data-public-theme="light"] body.public-site header .bg-brand-800 :where(.hover\:bg-white\/10:hover,.hover\:bg-white\/20:hover) {
    background-color: rgba(255,255,255,.25) !important;
}

html[data-public-theme="dark"] body.public-site :where(
    .border-slate-50,.border-slate-100,.border-slate-200,.border-gray-50,.border-gray-100,.border-gray-200,.border-gray-300,
    .border-neutral-100,.border-neutral-200,.border-zinc-100,.border-zinc-200,.border-white\/10,.border-white\/20
) { border-color: var(--public-border) !important; }
html[data-public-theme="dark"] body.public-site :where(
    .border-red-100,.border-red-200,.border-green-100,.border-green-200,.border-blue-100,.border-blue-200,
    .border-amber-100,.border-amber-200,.border-purple-100,.border-purple-200,.border-rose-100,.border-teal-100
) { border-color: #4b5563 !important; }
html[data-public-theme="light"] body.public-site :where(.border-slate-700,.border-slate-800,.border-gray-700,.border-gray-800,.border-neutral-700,.border-zinc-700,.border-white\/10,.border-white\/20) {
    border-color: var(--public-border) !important;
}

/* Tailwind v4 dark: utilities follow the OS by default. Pin public-page instances to this preference. */
html[data-public-theme="light"] body.public-site [class~="dark:bg-zinc-800/40"],
html[data-public-theme="light"] body.public-site [class~="dark:bg-zinc-800/50"],
html[data-public-theme="light"] body.public-site [class~="dark:bg-white/5"] { background-color: var(--public-surface) !important; }
html[data-public-theme="light"] body.public-site [class~="dark:bg-zinc-700/70"],
html[data-public-theme="light"] body.public-site [class~="dark:bg-zinc-700/60"],
html[data-public-theme="light"] body.public-site [class~="dark:bg-zinc-700"] { background-color: var(--public-raised) !important; }
html[data-public-theme="light"] body.public-site [class~="dark:bg-white/90"] { background-color: #4630c2 !important; }
html[data-public-theme="light"] body.public-site [class~="dark:hover:bg-zinc-700"]:hover { background-color: #e2e8f0 !important; }
html[data-public-theme="light"] body.public-site [class~="dark:text-zinc-200"],
html[data-public-theme="light"] body.public-site [class~="dark:text-zinc-300"] { color: #475569 !important; }
html[data-public-theme="light"] body.public-site [class~="dark:text-zinc-100"] { color: #0f172a !important; }
html[data-public-theme="light"] body.public-site [class~="dark:text-zinc-900"] { color: #fff !important; }
html[data-public-theme="light"] body.public-site [class~="dark:border-white/10"] { border-color: var(--public-border) !important; }
html[data-public-theme="light"] body.public-site [class~="dark:from-zinc-900/40"] {
    background-image: linear-gradient(to bottom right, #fff, #f1f5f9) !important;
}
html[data-public-theme="light"] body.public-site [class~="dark:to-zinc-900/20"] { --tw-gradient-to: #f1f5f9 !important; }

/*html[data-public-theme] body.public-site :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {*/
/*    color: var(--public-text);*/
/*    background-color: var(--public-surface);*/
/*    border-color: var(--public-border);*/
/*}*/
html[data-public-theme] body.public-site :where(input,textarea,select)::placeholder { color: var(--public-muted); opacity: .8; }
/*html[data-public-theme] body.public-site :where(input,textarea,select):focus {*/
/*    border-color: #8b5cf6;*/
/*    outline: 2px solid rgba(139, 92, 246, .22);*/
/*    outline-offset: 1px;*/
/*}*/
html[data-public-theme] body.public-site :where(input,textarea,select):disabled {
    color: var(--public-muted); background-color: var(--public-raised); opacity: .7; cursor: not-allowed;
}
html[data-public-theme] body.public-site :where(input[type="checkbox"],input[type="radio"]) { accent-color: #7c3aed; }
html[data-public-theme="light"] body.public-site :where(button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled="true"]) {
    color: #475569 !important; background-color: #e2e8f0 !important; border-color: #cbd5e1 !important; opacity: 1 !important; cursor: not-allowed;
}
html[data-public-theme="dark"] body.public-site :where(button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled="true"]) {
    color: #cbd5e1 !important; background-color: #292929 !important; border-color: #3a3a3a !important; opacity: 1 !important; cursor: not-allowed;
}

html[data-public-theme] body.public-site :where(button,a,[role="button"]) { transition-property: color,background-color,border-color,box-shadow,opacity; }
html[data-public-theme] body.public-site :where(button,a,[role="button"]):focus-visible {
    outline: 2px solid #8b5cf6; outline-offset: 2px;
}
html[data-public-theme] body.public-site :where(button:disabled,[role="button"][aria-disabled="true"]) { opacity: .55; cursor: not-allowed; }
html[data-public-theme] body.public-site :where(table) { color: var(--public-text); border-color: var(--public-border); }
html[data-public-theme] body.public-site :where(th,td) { border-color: var(--public-border); }
html[data-public-theme="dark"] body.public-site :where(tr:hover) { background-color: rgba(255,255,255,.045); }
html[data-public-theme="light"] body.public-site :where(tr:hover) { background-color: rgba(15,23,42,.035); }

/*html[data-public-theme="dark"] body.public-site :where(.dropdown-menu,.modal-content,[role="dialog"],.swal2-popup,.popover,.tooltip-inner) {*/
/*    color: var(--public-text); background-color: var(--public-surface); border-color: var(--public-border);*/
/*}*/
html[data-public-theme="light"] body.public-site :where(.dropdown-menu,.modal-content,[role="dialog"],.swal2-popup,.popover,.tooltip-inner) {
    color: var(--public-text); background-color: var(--public-surface); border-color: var(--public-border);
}
html[data-public-theme="dark"] body.public-site :where(.dropdown-item:hover,.dropdown-item:focus,.list-group-item) {
    color: var(--public-text); background-color: var(--public-raised); border-color: var(--public-border);
}
html[data-public-theme="light"] body.public-site :where(.dropdown-item:hover,.dropdown-item:focus,.list-group-item) {
    color: var(--public-text); background-color: var(--public-raised); border-color: var(--public-border);
}
html[data-public-theme="dark"] body.public-site .custom-scrollbar { scrollbar-color: #64748b #292929; }
html[data-public-theme="dark"] body.public-site .custom-scrollbar::-webkit-scrollbar-track { background: #292929; }
html[data-public-theme="dark"] body.public-site .custom-scrollbar::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#64748b 0%,#475569 100%); }
html[data-public-theme="dark"] body.public-site .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#94a3b8 0%,#64748b 100%); }

/* Auth pages use the admin Dashlite component library but remain in public theme scope. */
html[data-public-theme] body.public-site-auth :where(.card,.nk-block,.nk-block-between,.modal-content,.dropdown-menu,.nk-auth-body,.nk-auth-footer) {
    color: var(--public-text); background-color: var(--public-surface); border-color: var(--public-border);
}
html[data-public-theme] body.public-site-auth :where(.form-control,.form-select,select,textarea) {
    color: var(--public-text); background-color: var(--public-surface); border-color: var(--public-border);
}
html[data-public-theme] body.public-site-auth :where(.form-control,.form-select,select,textarea)::placeholder { color: var(--public-muted); }
html[data-public-theme] body.public-site-auth :where(.form-label,.title,.sub-text,.overline-title,.nk-menu-text) { color: var(--public-text); }
html[data-public-theme="dark"] body.public-site-auth :where(.nk-body,.nk-wrap,.nk-content,.nk-block-head,.nk-block-content) { background-color: var(--public-page); color: var(--public-text); }
html[data-public-theme="dark"] body.public-site-auth :where(.form-control:focus,.form-select:focus,select:focus,textarea:focus) {
    border-color: #8b5cf6; box-shadow: 0 0 0 .2rem rgba(139,92,246,.2);
}
html[data-public-theme="light"]:has(body.public-site-auth) #preloader .preloader-slider { background-color: #f8fafc !important; }
html[data-public-theme="light"]:has(body.public-site-auth) #preloader .preloader-content img { filter: none !important; }
html[data-public-theme="dark"]:has(body.public-site-auth) #preloader .preloader-slider { background-color: #1d1d1d !important; }
html[data-public-theme] body.public-site :where(.swal2-popup.swal2-toast .swal2-title) { color: var(--public-text) !important; }

.public-theme-toggle {
    flex: none; color: #334155; background: #fff; border-color: #cbd5e1; box-shadow: 0 1px 3px rgba(15,23,42,.08);
}
.public-theme-toggle:hover { color: #5b21b6; background: #f5f3ff; border-color: #a78bfa; }
.public-theme-toggle:active { transform: translateY(1px); }
html[data-public-theme="dark"] .public-theme-toggle { color: #f3f4f6; background: #292929; border-color: #484848; }
html[data-public-theme="dark"] .public-theme-toggle:hover { color: #fff; background: #383838; border-color: #777; }
html[data-public-theme="light"] [data-public-theme-icon="moon"],
html[data-public-theme="dark"] [data-public-theme-icon="sun"] { display: none; }
.public-theme-float { position: fixed; z-index: 11000; top: 1rem; inset-inline-end: 1rem; }
.public-theme-float .public-theme-toggle { padding: .65rem; border-radius: 999px; }

/* Shared page loader follows the already-applied root preference. */
html[data-public-theme="dark"] body.public-site #loading-overlay { background: rgba(18,18,18,.88); }
html[data-public-theme="dark"] body.public-site #loading-overlay .glass-container { background: rgba(41,41,41,.88); border-color: #3a3a3a; }
html[data-public-theme="dark"] body.public-site #loading-overlay .spinner { border-color: #555; border-top-color: #8b5cf6; }

/* Explicitly theme pages whose own legacy CSS fixes a palette. */
html[data-public-theme="light"] body.public-site:has(.galaxy-bg),
html[data-public-theme="light"] body.public-site:has(.galaxy-bg) .galaxy-bg { background: #f8fafc !important; }
html[data-public-theme="light"] body.public-site:has(.galaxy-bg) .galaxy-bg {
    background-image: radial-gradient(circle at center, #fff 0%, #f1f5f9 65%, #e2e8f0 100%) !important;
}
html[data-public-theme="light"] body.public-site:has(.galaxy-bg) .nebula { opacity: .045; }
html[data-public-theme="light"] body.public-site:has(.galaxy-bg) #fan-club-stars { opacity: .14; }
html[data-public-theme="light"] body.public-site:has(.galaxy-bg) .fanclub-wrapper :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90) { color: #1e293b !important; }

html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) { background: var(--public-page) !important; color: var(--public-text); }
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) header:first-of-type {
    background: #fff !important; color: #0f172a !important; box-shadow: var(--public-shadow) !important;
}
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) header:first-of-type :where(svg,.text-gray-900,.text-gray-950,.text-gray-800) { filter: none !important; color: #334155 !important; }
html[data-public-theme="dark"] body.public-site:has(.parent-parallax-container) .desktop-menu-navbar-svg path { color: #e5e7eb !important; fill: #e5e7eb !important; stroke: #e5e7eb !important; }
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) :where(#mobile-menu-custom,.desktop-submenu) { background: #fff !important; color: #0f172a !important; }
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) :where(#mobile-menu-custom nav div[class="relative"] div,#mobile-menu-custom nav div[class="relative"] div a,#default-search) {
    background: #f1f5f9 !important; color: #0f172a !important; border-color: #cbd5e1 !important;
}
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) :where(#mobile-menu-custom nav div[class="relative"] div a,.desktop-nav-link,.desktop-submenu ul li a) { color: #334155 !important; }
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) .parent-parallax-container { color: #0f172a; }
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) .parent-parallax-container :where(.bg-white\/10,.bg-white\/20) { background: #fff !important; border-color: #e2e8f0 !important; }
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) .parent-parallax-container :where(.text-white,.text-white\/50,.text-white\/60,.text-white\/70,.text-white\/80,.text-white\/90) { color: #334155 !important; }
html[data-public-theme="light"] body.public-site:has(.parent-parallax-container) .parent-parallax-container .text-container :where(span,h1) { color: #8a5a00 !important; }

html[data-public-theme="dark"] body.public-site:has(.glass-card) { background: linear-gradient(135deg, #121212, #1d1d1d) !important; }

html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box :where(input,textarea) {
    color: #f3f4f6 !important; background: #292929 !important; border-color: #4b5563 !important;
}
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box #comment-input {
    color: #f3f4f6 !important; background: #292929 !important; border-color: #4b5563 !important;
}
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box :where(label,p,span,h1,h2,h3,h4,.comment-author,.comment-title,.comment-text,.comment-crated-date,.comment-reply-btn,.comment-likes-count,.comment-replies-box,.comment-replies-loading-title,.no-comment-text) { color: #e5e7eb !important; }
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box :where(input,textarea)::placeholder { color: #9ca3af !important; }
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box #comment-input::placeholder { color: #9ca3af !important; }
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box .comment-send-btn { color: #60a5fa !important; }
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box .comment-send-btn:hover { color: #93c5fd !important; }
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box .default-like-icon { fill: #e5e7eb !important; }
html[data-public-theme="dark"] body.public-site:has(.comment-box) .comment-box .comment-reply-to-user-box { background-color: #292929 !important; }

html[data-public-theme="dark"] body.public-site:has(.neumorphic-convex) { background-color: var(--public-page) !important; }

html[data-public-theme="dark"] body.public-site :where(.neumorphic-convex,.neumorphic-inset) {
    background: #292929 !important; color: #f3f4f6 !important; border-color: #3a3a3a !important;
    box-shadow: 6px 6px 14px #101010, -5px -5px 12px #333 !important;
}
html[data-public-theme="dark"] body.public-site :where(.neumorphic-convex,.neumorphic-inset) :where(h1,h2,h3,p,span,label) { color: inherit; }

/* Standalone QR print page keeps the artwork and QR code intact, while its frame adapts. */
html[data-public-theme="light"] body.public-site:has(.qr-serial-box) { background-color: #f8fafc !important; }
html[data-public-theme="light"] body.public-site:has(.qr-serial-box) .qr-serial-box { background: rgba(255,255,255,.94) !important; border-color: rgba(124,58,237,.25) !important; color: #1e293b !important; }
html[data-public-theme="light"] body.public-site:has(.qr-serial-box) .qr-serial-box :where(p,span) { color: #1e293b !important; }
html[data-public-theme="light"] body.public-site:has(.qr-serial-box) .qr-serial-box .text-white { color: #1e293b !important; }
html[data-public-theme="dark"] body.public-site:has(.qr-serial-box) .qr-serial-box { color: #f8fafc; }
html[data-public-theme] body.public-site:has(.qr-serial-box) .center-texts .text-dark { color: #1e293b !important; }

html[data-public-theme="dark"] body.public-site .info-box {
    background-color: #1f2937 !important; /* رنگ دلخواه */
    color: #f3f4f6;
}

@media (max-width: 640px) {
    .public-theme-float { top: .65rem; inset-inline-end: .65rem; }
    .public-theme-float .public-theme-toggle { padding: .55rem; }
}

@media (prefers-reduced-motion: reduce) {
    html[data-public-theme] body.public-site, html[data-public-theme] body.public-site * { transition-duration: .01ms !important; }
}