/* Theme tokens are defined in styles/theme-tokens.css. */

.bg-gray-50 { background-color: rgb(var(--color-gray-50)) !important; }
.bg-gray-100 { background-color: rgb(var(--color-gray-100)) !important; }
.bg-gray-200 { background-color: rgb(var(--color-gray-200)) !important; }
.bg-gray-300 { background-color: rgb(var(--color-gray-300)) !important; }
.bg-gray-400 { background-color: rgb(var(--color-gray-400)) !important; }
.bg-gray-500 { background-color: rgb(var(--color-gray-500)) !important; }
.bg-gray-600 { background-color: rgb(var(--color-gray-600)) !important; }
.bg-gray-700 { background-color: rgb(var(--color-gray-700)) !important; }
.bg-gray-800 { background-color: rgb(var(--color-gray-800)) !important; }
.bg-gray-900 { background-color: rgb(var(--color-gray-900)) !important; }
.bg-gray-950 { background-color: rgb(var(--color-gray-950)) !important; }
.bg-white { background-color: rgb(var(--color-gray-50)) !important; }

.border-gray-50 { border-color: rgb(var(--color-gray-50)) !important; }
.border-gray-100 { border-color: rgb(var(--color-gray-100)) !important; }
.border-gray-200 { border-color: rgb(var(--color-gray-200)) !important; }
.border-gray-300 { border-color: rgb(var(--color-gray-300)) !important; }
.border-gray-400 { border-color: rgb(var(--color-gray-400)) !important; }
.border-gray-500 { border-color: rgb(var(--color-gray-500)) !important; }
.border-gray-600 { border-color: rgb(var(--color-gray-600)) !important; }
.border-gray-700 { border-color: rgb(var(--color-gray-700)) !important; }
.border-gray-800 { border-color: rgb(var(--color-gray-800)) !important; }
.border-gray-900 { border-color: rgb(var(--color-gray-900)) !important; }
.border-gray-950 { border-color: rgb(var(--color-gray-950)) !important; }

.text-gray-50 { color: rgb(var(--color-gray-50)) !important; }
.text-gray-100 { color: rgb(var(--color-gray-100)) !important; }
.text-gray-200 { color: rgb(var(--color-gray-200)) !important; }
.text-gray-300 { color: rgb(var(--color-gray-300)) !important; }
.text-gray-400 { color: rgb(var(--color-gray-400)) !important; }
.text-gray-500 { color: rgb(var(--color-gray-500)) !important; }
.text-gray-600 { color: rgb(var(--color-gray-600)) !important; }
.text-gray-700 { color: rgb(var(--color-gray-700)) !important; }
.text-gray-800 { color: rgb(var(--color-gray-800)) !important; }
.text-gray-900 { color: rgb(var(--color-gray-900)) !important; }
.text-gray-950 { color: rgb(var(--color-gray-950)) !important; }

.divide-gray-50 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-50)) !important; }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-100)) !important; }
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-200)) !important; }
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-300)) !important; }
.divide-gray-400 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-400)) !important; }
.divide-gray-500 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-500)) !important; }
.divide-gray-600 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-600)) !important; }
.divide-gray-700 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-700)) !important; }
.divide-gray-800 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-800)) !important; }
.divide-gray-900 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-900)) !important; }
.divide-gray-950 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(var(--color-gray-950)) !important; }

.ring-gray-50 { --tw-ring-color: rgb(var(--color-gray-50)) !important; }
.ring-gray-100 { --tw-ring-color: rgb(var(--color-gray-100)) !important; }
.ring-gray-200 { --tw-ring-color: rgb(var(--color-gray-200)) !important; }
.ring-gray-300 { --tw-ring-color: rgb(var(--color-gray-300)) !important; }
.ring-gray-400 { --tw-ring-color: rgb(var(--color-gray-400)) !important; }
.ring-gray-500 { --tw-ring-color: rgb(var(--color-gray-500)) !important; }
.ring-gray-600 { --tw-ring-color: rgb(var(--color-gray-600)) !important; }
.ring-gray-700 { --tw-ring-color: rgb(var(--color-gray-700)) !important; }
.ring-gray-800 { --tw-ring-color: rgb(var(--color-gray-800)) !important; }
.ring-gray-900 { --tw-ring-color: rgb(var(--color-gray-900)) !important; }
.ring-gray-950 { --tw-ring-color: rgb(var(--color-gray-950)) !important; }

.placeholder-gray-50::placeholder { color: rgb(var(--color-gray-50)) !important; opacity: 1; }
.placeholder-gray-100::placeholder { color: rgb(var(--color-gray-100)) !important; opacity: 1; }
.placeholder-gray-200::placeholder { color: rgb(var(--color-gray-200)) !important; opacity: 1; }
.placeholder-gray-300::placeholder { color: rgb(var(--color-gray-300)) !important; opacity: 1; }
.placeholder-gray-400::placeholder { color: rgb(var(--color-gray-400)) !important; opacity: 1; }
.placeholder-gray-500::placeholder { color: rgb(var(--color-gray-500)) !important; opacity: 1; }
.placeholder-gray-600::placeholder { color: rgb(var(--color-gray-600)) !important; opacity: 1; }
.placeholder-gray-700::placeholder { color: rgb(var(--color-gray-700)) !important; opacity: 1; }
.placeholder-gray-800::placeholder { color: rgb(var(--color-gray-800)) !important; opacity: 1; }
.placeholder-gray-900::placeholder { color: rgb(var(--color-gray-900)) !important; opacity: 1; }
.placeholder-gray-950::placeholder { color: rgb(var(--color-gray-950)) !important; opacity: 1; }

.stroke-gray-50 { stroke: rgb(var(--color-gray-50)) !important; }
.stroke-gray-100 { stroke: rgb(var(--color-gray-100)) !important; }
.stroke-gray-200 { stroke: rgb(var(--color-gray-200)) !important; }
.stroke-gray-300 { stroke: rgb(var(--color-gray-300)) !important; }
.stroke-gray-400 { stroke: rgb(var(--color-gray-400)) !important; }
.stroke-gray-500 { stroke: rgb(var(--color-gray-500)) !important; }
.stroke-gray-600 { stroke: rgb(var(--color-gray-600)) !important; }
.stroke-gray-700 { stroke: rgb(var(--color-gray-700)) !important; }
.stroke-gray-800 { stroke: rgb(var(--color-gray-800)) !important; }
.stroke-gray-900 { stroke: rgb(var(--color-gray-900)) !important; }
.stroke-gray-950 { stroke: rgb(var(--color-gray-950)) !important; }

.fill-gray-50 { fill: rgb(var(--color-gray-50)) !important; }
.fill-gray-100 { fill: rgb(var(--color-gray-100)) !important; }
.fill-gray-200 { fill: rgb(var(--color-gray-200)) !important; }
.fill-gray-300 { fill: rgb(var(--color-gray-300)) !important; }
.fill-gray-400 { fill: rgb(var(--color-gray-400)) !important; }
.fill-gray-500 { fill: rgb(var(--color-gray-500)) !important; }
.fill-gray-600 { fill: rgb(var(--color-gray-600)) !important; }
.fill-gray-700 { fill: rgb(var(--color-gray-700)) !important; }
.fill-gray-800 { fill: rgb(var(--color-gray-800)) !important; }
.fill-gray-900 { fill: rgb(var(--color-gray-900)) !important; }
.fill-gray-950 { fill: rgb(var(--color-gray-950)) !important; }

/* Semantic status utility mappings (centralized dark-mode behavior). */
.text-amber-700 { color: rgb(var(--color-status-warning-text)) !important; }
.bg-amber-50 { background-color: rgb(var(--color-status-warning-bg)) !important; }
.border-amber-200,
.border-amber-300 { border-color: rgb(var(--color-status-warning-border)) !important; }

.text-green-700 { color: rgb(var(--color-status-success-text)) !important; }
.text-green-800 { color: rgb(var(--color-status-success-text-strong)) !important; }
.bg-green-50 { background-color: rgb(var(--color-status-success-bg)) !important; }
.bg-green-100 { background-color: rgb(var(--color-status-success-bg-alt)) !important; }
.border-green-200 { border-color: rgb(var(--color-status-success-border)) !important; }
.border-green-400 { border-color: rgb(var(--color-status-success-border-strong)) !important; }

.text-red-500,
.text-red-600,
.text-red-700,
.text-red-800 { color: rgb(var(--color-status-danger-text)) !important; }
.bg-red-50,
.bg-red-100 { background-color: rgb(var(--color-status-danger-bg)) !important; }
.border-red-200,
.border-red-300,
.border-red-400,
.border-red-600 { border-color: rgb(var(--color-status-danger-border-strong)) !important; }

.theme-medal-gold { color: rgb(var(--color-medal-gold)) !important; }
.theme-medal-bronze { color: rgb(var(--color-medal-bronze)) !important; }

/* Runtime page scoped utility remaps. */
.runtime-page .bg-white { background-color: rgb(var(--color-surface-2)) !important; }
.runtime-page .text-gray-500 { color: rgb(var(--color-text-secondary)) !important; }
.runtime-page .text-gray-700 { color: rgb(var(--color-text-primary)) !important; }