/* Palette mapping for existing Tailwind utility classes. Generated from templates. */
body:not(.light) [class~="bg-amber-300"] { background-color: var(--gg-warning); }
body:not(.light) [class~="bg-amber-500/10"] { background-color: rgba(var(--gg-warning-rgb), 0.1); }
body:not(.light) [class~="bg-amber-900/20"] { background-color: rgba(var(--gg-warning-rgb), 0.2); }
body:not(.light) [class~="bg-cyan-300"] { background-color: var(--gg-secondary); }
body:not(.light) [class~="bg-cyan-400"] { background-color: var(--gg-secondary); }
body:not(.light) [class~="bg-cyan-400/10"] { background-color: rgba(var(--gg-secondary-rgb), 0.1); }
body:not(.light) [class~="bg-cyan-500"] { background-color: var(--gg-secondary); }
body:not(.light) [class~="bg-cyan-500/10"] { background-color: rgba(var(--gg-secondary-rgb), 0.1); }
body:not(.light) [class~="bg-cyan-500/15"] { background-color: rgba(var(--gg-secondary-rgb), 0.15); }
body:not(.light) [class~="bg-cyan-500/20"] { background-color: rgba(var(--gg-secondary-rgb), 0.2); }
body:not(.light) [class~="bg-cyan-500/25"] { background-color: rgba(var(--gg-secondary-rgb), 0.25); }
body:not(.light) [class~="bg-cyan-900/20"] { background-color: rgba(var(--gg-secondary-rgb), 0.2); }
body:not(.light) [class~="bg-cyan-900/30"] { background-color: rgba(var(--gg-secondary-rgb), 0.3); }
body:not(.light) [class~="bg-emerald-400"] { background-color: var(--gg-success); }
body:not(.light) [class~="bg-emerald-500"] { background-color: var(--gg-success); }
body:not(.light) [class~="bg-emerald-500/10"] { background-color: rgba(var(--gg-success-rgb), 0.1); }
body:not(.light) [class~="bg-emerald-500/15"] { background-color: rgba(var(--gg-success-rgb), 0.15); }
body:not(.light) [class~="bg-emerald-500/20"] { background-color: rgba(var(--gg-success-rgb), 0.2); }
body:not(.light) [class~="bg-emerald-900/20"] { background-color: rgba(var(--gg-success-rgb), 0.2); }
body:not(.light) [class~="bg-emerald-900/30"] { background-color: rgba(var(--gg-success-rgb), 0.3); }
body:not(.light) [class~="bg-gray-700"] { background-color: var(--gg-surface); }
body:not(.light) [class~="bg-gray-800"] { background-color: var(--gg-surface); }
body:not(.light) [class~="bg-gray-900"] { background-color: var(--gg-surface); }
body:not(.light) [class~="bg-gray-900/30"] { background-color: rgba(var(--gg-surface-rgb), 0.3); }
body:not(.light) [class~="bg-gray-900/40"] { background-color: rgba(var(--gg-surface-rgb), 0.4); }
body:not(.light) [class~="bg-gray-950"] { background-color: var(--gg-bg); }
body:not(.light) [class~="bg-gray-950/35"] { background-color: rgba(var(--gg-bg-rgb), 0.35); }
body:not(.light) [class~="bg-gray-950/50"] { background-color: rgba(var(--gg-bg-rgb), 0.5); }
body:not(.light) [class~="bg-gray-950/60"] { background-color: rgba(var(--gg-bg-rgb), 0.6); }
body:not(.light) [class~="bg-gray-950/70"] { background-color: rgba(var(--gg-bg-rgb), 0.7); }
body:not(.light) [class~="bg-gray-950/85"] { background-color: rgba(var(--gg-bg-rgb), 0.85); }
body:not(.light) [class~="bg-pink-300"] { background-color: var(--gg-primary); }
body:not(.light) [class~="bg-purple-400/10"] { background-color: rgba(var(--gg-primary-rgb), 0.1); }
body:not(.light) [class~="bg-red-600"] { background-color: var(--gg-danger); }
body:not(.light) [class~="bg-red-900"] { background-color: var(--gg-danger-deep); }
body:not(.light) [class~="bg-red-900/20"] { background-color: rgba(var(--gg-danger-rgb), 0.2); }
body:not(.light) [class~="bg-red-900/30"] { background-color: rgba(var(--gg-danger-rgb), 0.3); }
body:not(.light) [class~="bg-red-950/30"] { background-color: rgba(var(--gg-danger-rgb), 0.3); }
body:not(.light) [class~="bg-rose-500"] { background-color: var(--gg-danger); }
body:not(.light) [class~="bg-slate-950/80"] { background-color: rgba(var(--gg-bg-rgb), 0.8); }
body:not(.light) [class~="bg-yellow-300"] { background-color: var(--gg-warning); }
body:not(.light) [class~="bg-yellow-400"] { background-color: var(--gg-warning); }
body:not(.light) [class~="bg-yellow-400/10"] { background-color: rgba(var(--gg-warning-rgb), 0.1); }
body:not(.light) [class~="bg-yellow-500"] { background-color: var(--gg-warning); }
body:not(.light) [class~="bg-yellow-500/10"] { background-color: rgba(var(--gg-warning-rgb), 0.1); }
body:not(.light) [class~="bg-yellow-500/15"] { background-color: rgba(var(--gg-warning-rgb), 0.15); }
body:not(.light) [class~="bg-yellow-900/30"] { background-color: rgba(var(--gg-warning-rgb), 0.3); }
body:not(.light) [class~="bg-yellow-900/40"] { background-color: rgba(var(--gg-warning-rgb), 0.4); }
body:not(.light) [class~="border-amber-400/30"] { border-color: rgba(var(--gg-warning-rgb), 0.3); }
body:not(.light) [class~="border-amber-400/40"] { border-color: rgba(var(--gg-warning-rgb), 0.4); }
body:not(.light) [class~="border-cyan-300"] { border-color: var(--gg-secondary); }
body:not(.light) [class~="border-cyan-300/20"] { border-color: rgba(var(--gg-secondary-rgb), 0.2); }
body:not(.light) [class~="border-cyan-300/25"] { border-color: rgba(var(--gg-secondary-rgb), 0.25); }
body:not(.light) [class~="border-cyan-400"] { border-color: var(--gg-secondary); }
body:not(.light) [class~="border-cyan-400/10"] { border-color: rgba(var(--gg-secondary-rgb), 0.1); }
body:not(.light) [class~="border-cyan-400/20"] { border-color: rgba(var(--gg-secondary-rgb), 0.2); }
body:not(.light) [class~="border-cyan-400/25"] { border-color: rgba(var(--gg-secondary-rgb), 0.25); }
body:not(.light) [class~="border-cyan-400/30"] { border-color: rgba(var(--gg-secondary-rgb), 0.3); }
body:not(.light) [class~="border-cyan-400/40"] { border-color: rgba(var(--gg-secondary-rgb), 0.4); }
body:not(.light) [class~="border-cyan-500/20"] { border-color: rgba(var(--gg-secondary-rgb), 0.2); }
body:not(.light) [class~="border-emerald-300"] { border-color: var(--gg-success); }
body:not(.light) [class~="border-emerald-300/30"] { border-color: rgba(var(--gg-success-rgb), 0.3); }
body:not(.light) [class~="border-emerald-400"] { border-color: var(--gg-success); }
body:not(.light) [class~="border-emerald-400/30"] { border-color: rgba(var(--gg-success-rgb), 0.3); }
body:not(.light) [class~="border-emerald-400/40"] { border-color: rgba(var(--gg-success-rgb), 0.4); }
body:not(.light) [class~="border-emerald-500/50"] { border-color: rgba(var(--gg-success-rgb), 0.5); }
body:not(.light) [class~="border-gray-500"] { border-color: var(--gg-border); }
body:not(.light) [class~="border-gray-600"] { border-color: var(--gg-border); }
body:not(.light) [class~="border-gray-700"] { border-color: var(--gg-border); }
body:not(.light) [class~="border-gray-800"] { border-color: var(--gg-border); }
body:not(.light) [class~="border-green-500"] { border-color: var(--gg-success); }
body:not(.light) [class~="border-purple-400/20"] { border-color: rgba(var(--gg-primary-rgb), 0.2); }
body:not(.light) [class~="border-purple-400/25"] { border-color: rgba(var(--gg-primary-rgb), 0.25); }
body:not(.light) [class~="border-purple-500/20"] { border-color: rgba(var(--gg-primary-rgb), 0.2); }
body:not(.light) [class~="border-red-400"] { border-color: var(--gg-danger); }
body:not(.light) [class~="border-red-400/40"] { border-color: rgba(var(--gg-danger-rgb), 0.4); }
body:not(.light) [class~="border-red-500"] { border-color: var(--gg-danger); }
body:not(.light) [class~="border-red-500/40"] { border-color: rgba(var(--gg-danger-rgb), 0.4); }
body:not(.light) [class~="border-red-500/50"] { border-color: rgba(var(--gg-danger-rgb), 0.5); }
body:not(.light) [class~="border-red-700"] { border-color: var(--gg-danger); }
body:not(.light) [class~="border-rose-300"] { border-color: var(--gg-danger); }
body:not(.light) [class~="border-rose-400"] { border-color: var(--gg-danger); }
body:not(.light) [class~="border-yellow-300"] { border-color: var(--gg-warning); }
body:not(.light) [class~="border-yellow-300/30"] { border-color: rgba(var(--gg-warning-rgb), 0.3); }
body:not(.light) [class~="border-yellow-300/50"] { border-color: rgba(var(--gg-warning-rgb), 0.5); }
body:not(.light) [class~="border-yellow-400"] { border-color: var(--gg-warning); }
body:not(.light) [class~="border-yellow-400/30"] { border-color: rgba(var(--gg-warning-rgb), 0.3); }
body:not(.light) [class~="border-yellow-400/40"] { border-color: rgba(var(--gg-warning-rgb), 0.4); }
body:not(.light) [class~="border-yellow-500"] { border-color: var(--gg-warning); }
body:not(.light) [class~="border-yellow-500/20"] { border-color: rgba(var(--gg-warning-rgb), 0.2); }
body:not(.light) [class~="border-yellow-500/30"] { border-color: rgba(var(--gg-warning-rgb), 0.3); }
body:not(.light) [class~="border-yellow-500/40"] { border-color: rgba(var(--gg-warning-rgb), 0.4); }
body:not(.light) [class~="focus:border-cyan-300/60"]:focus { border-color: rgba(var(--gg-secondary-rgb), 0.6); }
body:not(.light) [class~="focus:border-cyan-400"]:focus { border-color: var(--gg-secondary); }
body:not(.light) [class~="focus:border-purple-300/60"]:focus { border-color: rgba(var(--gg-primary-rgb), 0.6); }
body:not(.light) [class~="focus:border-purple-500"]:focus { border-color: var(--gg-primary); }
body:not(.light) [class~="focus:border-red-400"]:focus { border-color: var(--gg-danger); }
body:not(.light) [class~="from-emerald-500"] { --tw-gradient-from: var(--gg-success); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="from-purple-300"] { --tw-gradient-from: var(--gg-primary); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="from-purple-400"] { --tw-gradient-from: var(--gg-primary); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="from-purple-600"] { --tw-gradient-from: var(--gg-primary); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="from-red-500"] { --tw-gradient-from: var(--gg-danger); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="from-yellow-500"] { --tw-gradient-from: var(--gg-warning); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="from-yellow-600"] { --tw-gradient-from: var(--gg-warning); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="hover:bg-cyan-400"]:hover { background-color: var(--gg-secondary); }
body:not(.light) [class~="hover:bg-cyan-400/10"]:hover { background-color: rgba(var(--gg-secondary-rgb), 0.1); }
body:not(.light) [class~="hover:bg-cyan-500/20"]:hover { background-color: rgba(var(--gg-secondary-rgb), 0.2); }
body:not(.light) [class~="hover:bg-gray-700"]:hover { background-color: var(--gg-surface); }
body:not(.light) [class~="hover:bg-red-400/10"]:hover { background-color: rgba(var(--gg-danger-rgb), 0.1); }
body:not(.light) [class~="hover:bg-red-500"]:hover { background-color: var(--gg-danger); }
body:not(.light) [class~="hover:bg-red-900/30"]:hover { background-color: rgba(var(--gg-danger-rgb), 0.3); }
body:not(.light) [class~="hover:bg-yellow-300"]:hover { background-color: var(--gg-warning); }
body:not(.light) [class~="hover:bg-yellow-400"]:hover { background-color: var(--gg-warning); }
body:not(.light) [class~="hover:border-cyan-300"]:hover { border-color: var(--gg-secondary); }
body:not(.light) [class~="hover:border-cyan-400"]:hover { border-color: var(--gg-secondary); }
body:not(.light) [class~="hover:border-gray-500"]:hover { border-color: var(--gg-border); }
body:not(.light) [class~="hover:from-purple-700"]:hover { --tw-gradient-from: var(--gg-primary); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }
body:not(.light) [class~="hover:text-amber-100"]:hover { color: var(--gg-warning-light); }
body:not(.light) [class~="hover:text-cyan-100"]:hover { color: var(--gg-secondary-light); }
body:not(.light) [class~="hover:text-cyan-200"]:hover { color: var(--gg-secondary-light); }
body:not(.light) [class~="hover:text-cyan-300"]:hover { color: var(--gg-secondary-light); }
body:not(.light) [class~="hover:text-emerald-100"]:hover { color: var(--gg-success-light); }
body:not(.light) [class~="hover:text-emerald-300"]:hover { color: var(--gg-success-light); }
body:not(.light) [class~="hover:text-gray-950"]:hover { color: var(--gg-text-muted); }
body:not(.light) [class~="hover:text-purple-100"]:hover { color: var(--gg-primary-light); }
body:not(.light) [class~="hover:text-purple-200"]:hover { color: var(--gg-primary-light); }
body:not(.light) [class~="hover:text-purple-300"]:hover { color: var(--gg-primary-light); }
body:not(.light) [class~="hover:text-purple-400"]:hover { color: var(--gg-primary-light); }
body:not(.light) [class~="hover:text-purple-600"]:hover { color: var(--gg-primary-light); }
body:not(.light) [class~="hover:text-red-200"]:hover { color: var(--gg-danger-light); }
body:not(.light) [class~="hover:text-red-300"]:hover { color: var(--gg-danger-light); }
body:not(.light) [class~="hover:to-violet-700"]:hover { --tw-gradient-to: var(--gg-primary); }
body:not(.light) [class~="text-amber-100"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-amber-200"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-amber-300"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-amber-400"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-amber-50"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-cyan-100"] { color: var(--gg-secondary-light); }
body:not(.light) [class~="text-cyan-200"] { color: var(--gg-secondary-light); }
body:not(.light) [class~="text-cyan-300"] { color: var(--gg-secondary-light); }
body:not(.light) [class~="text-cyan-400"] { color: var(--gg-secondary-light); }
body:not(.light) [class~="text-emerald-100"] { color: var(--gg-success-light); }
body:not(.light) [class~="text-emerald-200"] { color: var(--gg-success-light); }
body:not(.light) [class~="text-emerald-300"] { color: var(--gg-success-light); }
body:not(.light) [class~="text-emerald-400"] { color: var(--gg-success-light); }
body:not(.light) [class~="text-gray-100"] { color: var(--gg-text); }
body:not(.light) [class~="text-gray-200"] { color: var(--gg-text); }
body:not(.light) [class~="text-gray-300"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-gray-400"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-gray-500"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-gray-600"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-gray-700"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-gray-900"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-gray-950"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-green-100"] { color: var(--gg-success-light); }
body:not(.light) [class~="text-green-400"] { color: var(--gg-success-light); }
body:not(.light) [class~="text-orange-400"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-pink-100"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-pink-300"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-pink-400"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-purple-100"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-purple-200"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-purple-300"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-purple-400"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-purple-500"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-red-100"] { color: var(--gg-danger-light); }
body:not(.light) [class~="text-red-200"] { color: var(--gg-danger-light); }
body:not(.light) [class~="text-red-300"] { color: var(--gg-danger-light); }
body:not(.light) [class~="text-red-400"] { color: var(--gg-danger-light); }
body:not(.light) [class~="text-red-500"] { color: var(--gg-danger-light); }
body:not(.light) [class~="text-rose-200"] { color: var(--gg-danger-light); }
body:not(.light) [class~="text-rose-300"] { color: var(--gg-danger-light); }
body:not(.light) [class~="text-slate-300"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-slate-400"] { color: var(--gg-text-muted); }
body:not(.light) [class~="text-violet-300"] { color: var(--gg-primary-light); }
body:not(.light) [class~="text-yellow-100"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-yellow-200"] { color: var(--gg-warning-light); }
body:not(.light) [class~="text-yellow-200/70"] { color: rgba(var(--gg-warning-rgb), 0.7); }
body:not(.light) [class~="text-yellow-300"] { color: var(--gg-warning-light); }
body:not(.light) [class~="to-cyan-500"] { --tw-gradient-to: var(--gg-secondary); }
body:not(.light) [class~="to-emerald-500"] { --tw-gradient-to: var(--gg-success); }
body:not(.light) [class~="to-pink-300"] { --tw-gradient-to: var(--gg-primary); }
body:not(.light) [class~="to-pink-400"] { --tw-gradient-to: var(--gg-primary); }
body:not(.light) [class~="to-red-500"] { --tw-gradient-to: var(--gg-danger); }
body:not(.light) [class~="to-violet-600"] { --tw-gradient-to: var(--gg-primary); }
body:not(.light) [class~="to-yellow-500"] { --tw-gradient-to: var(--gg-warning); }
body:not(.light) [class~="via-cyan-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--gg-secondary), var(--tw-gradient-to, rgba(var(--gg-primary-rgb), 0)); }

body:not(.light) [class~="bg-cyan-400"],
body:not(.light) [class~="bg-cyan-500"],
body:not(.light) [class~="bg-emerald-400"],
body:not(.light) [class~="bg-green-500"],
body:not(.light) [class~="bg-yellow-400"],
body:not(.light) [class~="bg-yellow-500"],
body:not(.light) [class~="bg-red-500"],
body:not(.light) [class~="bg-red-600"] { color: var(--gg-on-bright); }


.quest-progress-track {
    height: 0.75rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(var(--gg-text-muted-rgb), 0.24);
}

.quest-progress-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gg-secondary), var(--gg-primary));
    transition: width 300ms ease;
}