@import url("./portal-forced-colors.css"); /** * High Contrast (HC) — accessibility theme for Tailwind-based portal tools. * Use with: (set by applyPortalTheme when portal-theme is hc). * Black background, white text, yellow accents (#ffff00), cyan links in prose where tools add rules. */ html.theme-hc.dark body, html.theme-hc body { background: #000000 !important; color: #ffffff !important; } html.theme-hc.dark .dark\:bg-darkBg, html.theme-hc .dark\:bg-darkBg { background: #000000 !important; } html.theme-hc.dark .dark\:bg-darkSurface, html.theme-hc .dark\:bg-darkSurface { background: #0a0a0a !important; } html.theme-hc.dark .dark\:bg-darkElevated, html.theme-hc .dark\:bg-darkElevated { background: #141414 !important; } html.theme-hc.dark .dark\:border-darkBorder, html.theme-hc .dark\:border-darkBorder { border-color: #ffffff !important; } html.theme-hc .text-brand, html.theme-hc .hover\:text-brand:hover { color: #ffff00 !important; } html.theme-hc .bg-brand { background-color: #ffff00 !important; color: #000000 !important; } html.theme-hc .bg-brand.text-white, html.theme-hc button.bg-brand.text-white { color: #000000 !important; } html.theme-hc .border-slate-200, html.theme-hc .border-slate-300 { border-color: #ffffff !important; } html.theme-hc .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #ffffff !important; } html.theme-hc.dark .dark\:divide-darkBorder > :not([hidden]) ~ :not([hidden]) { border-color: #ffffff !important; } html.theme-hc .text-slate-500, html.theme-hc .text-slate-600 { color: #d4d4d4 !important; } html.theme-hc .text-slate-900 { color: #ffffff !important; } html.theme-hc.dark .dark\:text-slate-100, html.theme-hc.dark .dark\:text-white { color: #ffffff !important; } html.theme-hc.dark .dark\:text-slate-400, html.theme-hc.dark .dark\:text-slate-500 { color: #e5e5e5 !important; } html.theme-hc input, html.theme-hc select, html.theme-hc textarea { background-color: #000000 !important; color: #ffffff !important; border-color: #ffffff !important; } html.theme-hc *:focus-visible { outline: 3px solid #ffff00 !important; outline-offset: 2px !important; } /* Admin / pages editor (custom Tailwind token names) */ html.theme-hc.dark .dark\:bg-background-dark { background: #000000 !important; } html.theme-hc.dark .dark\:bg-surface-dark { background: #0a0a0a !important; } html.theme-hc.dark .dark\:border-border-dark { border-color: #ffffff !important; } html.theme-hc .text-primary, html.theme-hc .hover\:text-primary:hover { color: #ffff00 !important; } html.theme-hc.dark .dark\:divide-border-dark > :not([hidden]) ~ :not([hidden]) { border-color: #ffffff !important; } html.theme-hc .return-action-selected { box-shadow: 0 0 0 2px #ffff00, 0 0 0 4px rgba(255, 255, 0, 0.45) !important; }