/* Muted glass variants. Component paint belongs to the DS, not application CSS. */
:root.theme-dark .btn.glass,
:root.theme-dark .btn.secondary {
 color:var(--ink);background:var(--glass);background-image:none;
 box-shadow:0 8px 26px rgba(0,0,0,.18),inset 0 0 0 1px var(--line-strong),inset 0 1px 0 rgba(218,229,255,.12);
}
:root.theme-dark .btn.ghost:hover {background:var(--glass-2)}
:root.theme-dark .org,
:root.theme-dark .fcard,
:root.theme-dark .pcard,
:root.theme-dark .acc,
:root.theme-dark .navbar,
:root.theme-dark .chip,
:root.theme-dark .ds-card {
 color:var(--ink);background:var(--glass);border-color:var(--line);
 box-shadow:var(--el-1),inset 0 1px 0 rgba(218,229,255,.08);
}
:root.theme-dark .org {background-image:radial-gradient(120% 120% at 50% 0%,rgba(145,169,255,.08),transparent 65%)}
:root.theme-dark .pcard.featured {background:var(--surface);box-shadow:var(--el-2),inset 0 0 0 1px var(--accent)}
:root.theme-dark .plate {box-shadow:0 8px 22px rgba(0,0,0,.24),inset -2px -2px 4px rgba(218,229,255,.14)}
:root.theme-dark .plate::before {background:linear-gradient(177deg,rgba(218,229,255,.16),transparent 80%)}
:root.theme-dark .badge {color:var(--ink);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line)}
:root.theme-dark .badge.subtle {color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
:root.theme-dark .badge.subtle.em {color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface))}
:root.theme-dark .badge.subtle.am {color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--surface))}
:root.theme-dark .badge.subtle.pk {color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface))}
:root.theme-dark .chip .x {background:var(--glass-2);color:var(--ink2)}
:root.theme-dark .acc .inner {color:var(--ink2)}
:root.theme-dark .navbar nav a:hover {background:var(--glass-2);color:var(--ink)}
:root.theme-dark .o-foot,
:root.theme-dark .o-megafoot {background:var(--surface);color:var(--ink)}
:root.theme-dark .o-foot a,
:root.theme-dark .o-foot p,
:root.theme-dark .o-megafoot a,
:root.theme-dark .o-megafoot p {color:var(--ink2)}
:root.theme-dark .toast {background:var(--surface);color:var(--ink)}

:root.theme-dark .badge.subtle.ds-tone-violet {color:var(--accent)!important}
:root.theme-dark .inp:disabled {background:var(--glass-2);color:var(--ink2)}
:root.theme-dark .app .btn.primary {background-color:var(--blue-2)}

:root.theme-dark .ds-card-2 {background:var(--glass-2)}
:root.theme-dark .ds-card-3 {background:var(--surface)}
:root.theme-dark .o-foot h5,
:root.theme-dark .o-megafoot h5 {color:var(--ink2)}

:root.theme-dark .csel-list {background:var(--surface)}
:root.theme-dark .gcard,
:root.theme-dark .promo,
:root.theme-dark .promo-timer .u {background:var(--glass);border-color:var(--line-strong)}
:root.theme-dark .fr {background:var(--glass-2);border-color:var(--line-strong);box-shadow:var(--el-1),inset 0 1px 0 rgba(218,229,255,.12)}
:root.theme-dark .frostbg {background:linear-gradient(120deg,var(--blue-1),var(--violet-1) 50%,var(--pink))}
:root.theme-dark .btn.primary::before {background:linear-gradient(176.87deg,rgba(255,255,255,.16) 8.56%,transparent 85.04%)}
:root.theme-dark .ds-card-2 {box-shadow:var(--el-2)}
:root.theme-dark .ds-card-3 {box-shadow:var(--el-3)}
