/* * Dark-mode layer for TUP Cavite (loaded after css/output.css, active when ). * * Most page templates are written light-only (bg-white, text-slate-900, border-slate-100 ...). Instead of * editing every template, these rules re-map those light utility classes to dark equivalents. * - An element that carries its own dark:bg-* / dark:text-* / dark:border-* class is left alone, * so explicit Tailwind dark: variants always win. For new pages, prefer adding dark: classes. * - The A.L.E.X. chat widget (#chat-window) is skipped here: static/css/chatbot.css themes it itself (light and dark). * - Section 3 improves low-contrast text in LIGHT mode. * GENERATED from the Tailwind palette and the classes used in templates/ - regenerate when new light-only * colour classes are introduced (or just add dark: variants to the new markup). */ /* 1. Backgrounds, text, borders, gradients */ .dark .bg-\[\#f8fafb\]:not([class*="dark:bg-"]):not(:where(#chat-window) *), .dark .bg-\[\#fdf2f2\]:not([class*="dark:bg-"]):not(:where(#chat-window) *), .dark .bg-white:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031); } .dark .bg-amber-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(41.4% 0.112 45.904 / 0.4); } .dark .bg-amber-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.077 45.635 / 0.55); } .dark .bg-amber-50\/40:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.077 45.635 / 0.22); } .dark .bg-amber-50\/50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.077 45.635 / 0.275); } .dark .bg-amber-50\/80:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.077 45.635 / 0.44); } .dark .bg-blue-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.9% 0.146 265.522 / 0.4); } .dark .bg-blue-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(28.2% 0.091 267.935 / 0.55); } .dark .bg-blue-50\/50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(28.2% 0.091 267.935 / 0.275); } .dark .bg-cyan-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(39.8% 0.07 227.392 / 0.4); } .dark .bg-cyan-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(30.2% 0.056 229.695 / 0.55); } .dark .bg-emerald-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.8% 0.077 168.94 / 0.4); } .dark .bg-emerald-200:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(43.2% 0.095 166.913 / 0.55); } .dark .bg-emerald-200\/40:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(43.2% 0.095 166.913 / 0.22); } .dark .bg-emerald-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(26.2% 0.051 172.552 / 0.55); } .dark .bg-emerald-50\/50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(26.2% 0.051 172.552 / 0.275); } .dark .bg-emerald-50\/60:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(26.2% 0.051 172.552 / 0.33); } .dark .bg-fuchsia-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(29.3% 0.136 325.661 / 0.55); } .dark .bg-green-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(39.3% 0.095 152.535 / 0.4); } .dark .bg-green-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(26.6% 0.065 152.934 / 0.55); } .dark .bg-indigo-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(35.9% 0.144 278.697 / 0.4); } .dark .bg-indigo-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(25.7% 0.09 281.288 / 0.55); } .dark .bg-indigo-50\/60:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(25.7% 0.09 281.288 / 0.33); } .dark .bg-orange-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(40.8% 0.123 38.172 / 0.4); } .dark .bg-orange-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(26.6% 0.079 36.259 / 0.55); } .dark .bg-pink-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(28.4% 0.109 3.907 / 0.55); } .dark .bg-purple-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(38.1% 0.176 304.987 / 0.4); } .dark .bg-purple-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(29.1% 0.149 302.717 / 0.55); } .dark .bg-red-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(39.6% 0.141 25.723 / 0.4); } .dark .bg-red-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(25.8% 0.092 26.042 / 0.55); } .dark .bg-red-50\/50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(25.8% 0.092 26.042 / 0.275); } .dark .bg-red-50\/60:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(25.8% 0.092 26.042 / 0.33); } .dark .bg-rose-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(41% 0.159 10.272 / 0.4); } .dark .bg-rose-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.1% 0.105 12.094 / 0.55); } .dark .bg-rose-50\/60:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.1% 0.105 12.094 / 0.33); } .dark .bg-sky-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(39.1% 0.09 240.876 / 0.4); } .dark .bg-sky-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(29.3% 0.066 243.157 / 0.55); } .dark .bg-slate-100:not([class*="dark:bg-"]):not(:where(#chat-window) *), .dark .bg-stone-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287); } .dark .bg-slate-100\/80:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.8); } .dark .bg-slate-200:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(44.6% 0.043 257.281); } .dark .bg-slate-200\/50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(44.6% 0.043 257.281 / 0.5); } .dark .bg-slate-200\/60:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(44.6% 0.043 257.281 / 0.6); } .dark .bg-slate-300:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(55.4% 0.046 257.417); } .dark .bg-slate-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.4); } .dark .bg-slate-50\/40:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.16); } .dark .bg-slate-50\/50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.2); } .dark .bg-slate-50\/70:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.28); } .dark .bg-teal-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.7% 0.046 192.524 / 0.55); } .dark .bg-violet-50:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(28.3% 0.141 291.089 / 0.55); } .dark .bg-white\/10:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.1); } .dark .bg-white\/20:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.2); } .dark .bg-white\/40:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.4); } .dark .bg-white\/5:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.05); } .dark .bg-white\/60:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.6); } .dark .bg-white\/80:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.8); } .dark .bg-white\/95:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.95); } .dark .text-\[\#3E362E\]:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-\[\#722F37\]:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-\[\#800000\]:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-\[\#801423\]:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-slate-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(92.9% 0.013 255.508); } .dark .text-amber-500:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-amber-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.8% 0.189 84.429); } .dark .text-amber-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-amber-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-amber-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(87.9% 0.169 91.605); } .dark .text-amber-900\/80:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(87.9% 0.169 91.605 / 0.8); } .dark .text-amber-950:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(92.4% 0.12 95.746); } .dark .text-blue-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(70.7% 0.165 254.624); } .dark .text-blue-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-blue-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-blue-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(80.9% 0.105 251.813); } .dark .text-cyan-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(78.9% 0.154 211.53); } .dark .text-cyan-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-cyan-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(86.5% 0.127 207.078); } .dark .text-emerald-500:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-emerald-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(76.5% 0.177 163.223); } .dark .text-emerald-600\/80:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(76.5% 0.177 163.223 / 0.8); } .dark .text-emerald-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-emerald-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-emerald-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(84.5% 0.143 164.978); } .dark .text-emerald-800\/80:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-emerald-900\/80:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(84.5% 0.143 164.978 / 0.8); } .dark .text-emerald-900\/60:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(84.5% 0.143 164.978 / 0.6); } .dark .text-emerald-900\/70:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(84.5% 0.143 164.978 / 0.7); } .dark .text-emerald-950:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(90.5% 0.093 164.15); } .dark .text-fuchsia-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(74% 0.238 322.16); } .dark .text-green-500:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-green-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(79.2% 0.209 151.711); } .dark .text-green-700:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(87.1% 0.15 154.449); } .dark .text-indigo-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(67.3% 0.182 276.935); } .dark .text-indigo-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-indigo-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-indigo-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(78.5% 0.115 274.713); } .dark .text-indigo-950:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(87% 0.065 274.039); } .dark .text-indigo-950\/20:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(87% 0.065 274.039 / 0.2); } .dark .text-indigo-950\/60:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(87% 0.065 274.039 / 0.6); } .dark .text-orange-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(75% 0.183 55.934); } .dark .text-orange-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-orange-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-orange-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(83.7% 0.128 66.29); } .dark .text-orange-700\/80:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-orange-900\/80:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(83.7% 0.128 66.29 / 0.8); } .dark .text-orange-900\/70:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(83.7% 0.128 66.29 / 0.7); } .dark .text-pink-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(71.8% 0.202 349.761); } .dark .text-pink-700:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.3% 0.12 346.018); } .dark .text-purple-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(71.4% 0.203 305.504); } .dark .text-purple-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-purple-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-purple-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.7% 0.119 306.383); } .dark .text-red-500:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-red-600:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-tup-maroon:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(70.4% 0.191 22.216); } .dark .text-red-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-red-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-red-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(80.8% 0.114 19.571); } .dark .text-red-700\/70:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(80.8% 0.114 19.571 / 0.7); } .dark .text-red-800\/80:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-red-900\/80:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(80.8% 0.114 19.571 / 0.8); } .dark .text-red-950:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(88.5% 0.062 18.334); } .dark .text-rose-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(71.2% 0.194 13.428); } .dark .text-rose-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-rose-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-rose-900:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(81% 0.117 11.638); } .dark .text-rose-700\/80:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-rose-900\/80:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(81% 0.117 11.638 / 0.8); } .dark .text-sky-500:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-sky-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(74.6% 0.16 232.661); } .dark .text-sky-700:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.8% 0.111 230.318); } .dark .text-slate-500:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(78.6% 0.031 254.8); } .dark .text-slate-600:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-slate-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-stone-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(86.9% 0.022 252.894); } .dark .text-slate-900:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-tup-black:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(96.8% 0.007 247.896); } .dark .text-slate-950:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(98.4% 0.003 247.858); } .dark .text-teal-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(77.7% 0.152 181.912); } .dark .text-teal-700:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(85.5% 0.138 181.071); } .dark .text-tup-maroon\/20:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(70.4% 0.191 22.216 / 0.2); } .dark .text-violet-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(70.2% 0.183 293.541); } .dark .text-violet-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .text-violet-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(81.1% 0.111 293.571); } .dark .border-amber-100:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(41.4% 0.112 45.904 / 0.6); } .dark .border-amber-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(47.3% 0.137 46.201 / 0.6); } .dark .border-amber-200\/80:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(47.3% 0.137 46.201 / 0.48); } .dark .border-black\/5:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(100% 0 0 / 0.08); } .dark .border-blue-100:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.9% 0.146 265.522 / 0.6); } .dark .border-blue-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(42.4% 0.199 265.638 / 0.6); } .dark .border-cyan-100:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-cyan-50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(39.8% 0.07 227.392 / 0.6); } .dark .border-emerald-100:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-emerald-50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.8% 0.077 168.94 / 0.6); } .dark .border-emerald-100\/50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.8% 0.077 168.94 / 0.3); } .dark .border-emerald-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(43.2% 0.095 166.913 / 0.6); } .dark .border-emerald-200\/30:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(43.2% 0.095 166.913 / 0.18); } .dark .border-emerald-200\/50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(43.2% 0.095 166.913 / 0.3); } .dark .border-green-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.8% 0.119 151.328 / 0.6); } .dark .border-indigo-100:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(35.9% 0.144 278.697 / 0.6); } .dark .border-indigo-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(39.8% 0.195 277.366 / 0.6); } .dark .border-orange-100:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(40.8% 0.123 38.172 / 0.6); } .dark .border-orange-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(47% 0.157 37.304 / 0.6); } .dark .border-purple-100:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(38.1% 0.176 304.987 / 0.6); } .dark .border-red-100:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-red-50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(39.6% 0.141 25.723 / 0.6); } .dark .border-red-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.4% 0.177 26.899 / 0.6); } .dark .border-red-200\/40:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.4% 0.177 26.899 / 0.24); } .dark .border-rose-100:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(41% 0.159 10.272 / 0.6); } .dark .border-rose-200:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(45.5% 0.188 13.697 / 0.6); } .dark .border-sky-50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(39.1% 0.09 240.876 / 0.6); } .dark .border-slate-100:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-slate-200:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-stone-200:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .divide-slate-100 > :not(:last-child):not(:where(#chat-window) *), .dark .divide-stone-100 > :not(:last-child):not(:where(#chat-window) *) { border-color:oklch(37.2% 0.044 257.287); } .dark .border-slate-200\/30:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.2% 0.044 257.287 / 0.3); } .dark .border-slate-200\/40:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.2% 0.044 257.287 / 0.4); } .dark .border-slate-200\/50:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-stone-200\/50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.2% 0.044 257.287 / 0.5); } .dark .border-slate-200\/60:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.2% 0.044 257.287 / 0.6); } .dark .border-slate-200\/80:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.2% 0.044 257.287 / 0.8); } .dark .border-slate-300:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-stone-300:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.6% 0.043 257.281); } .dark .border-slate-50:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .border-white:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .divide-slate-50 > :not(:last-child):not(:where(#chat-window) *) { border-color:oklch(27.9% 0.041 260.031); } .dark .border-stone-300\/50:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.6% 0.043 257.281 / 0.5); } .dark .border-violet-100:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(38% 0.189 293.745 / 0.6); } .dark .border-white\/10:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(27.9% 0.041 260.031 / 0.1); } .dark .border-white\/20:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(27.9% 0.041 260.031 / 0.2); } .dark .border-white\/30:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(27.9% 0.041 260.031 / 0.3); } .dark .border-white\/5:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(27.9% 0.041 260.031 / 0.05); } .dark .border-white\/80:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(27.9% 0.041 260.031 / 0.8); } .dark .from-amber-50:not(:where(#chat-window) *) { --tw-gradient-from:oklch(27.9% 0.077 45.635 / 0.55); } .dark .from-emerald-50:not(:where(#chat-window) *) { --tw-gradient-from:oklch(26.2% 0.051 172.552 / 0.55); } .dark .from-indigo-50:not(:where(#chat-window) *) { --tw-gradient-from:oklch(25.7% 0.09 281.288 / 0.55); } .dark .from-slate-100:not(:where(#chat-window) *) { --tw-gradient-from:oklch(37.2% 0.044 257.287); } .dark .from-slate-50:not(:where(#chat-window) *) { --tw-gradient-from:oklch(37.2% 0.044 257.287 / 0.4); } .dark .from-white:not(:where(#chat-window) *) { --tw-gradient-from:oklch(27.9% 0.041 260.031); } .dark .to-amber-200:not(:where(#chat-window) *) { --tw-gradient-to:oklch(47.3% 0.137 46.201 / 0.55); } .dark .to-blue-100:not(:where(#chat-window) *) { --tw-gradient-to:oklch(37.9% 0.146 265.522 / 0.4); } .dark .to-cyan-200:not(:where(#chat-window) *) { --tw-gradient-to:oklch(45% 0.085 224.283 / 0.55); } .dark .to-fuchsia-200:not(:where(#chat-window) *) { --tw-gradient-to:oklch(45.2% 0.211 324.591 / 0.55); } .dark .to-green-100:not(:where(#chat-window) *) { --tw-gradient-to:oklch(39.3% 0.095 152.535 / 0.4); } .dark .to-orange-100:not(:where(#chat-window) *) { --tw-gradient-to:oklch(40.8% 0.123 38.172 / 0.4); } .dark .to-rose-50:not(:where(#chat-window) *) { --tw-gradient-to:oklch(27.1% 0.105 12.094 / 0.55); } .dark .to-slate-100:not(:where(#chat-window) *) { --tw-gradient-to:oklch(37.2% 0.044 257.287); } .dark .to-slate-50:not(:where(#chat-window) *) { --tw-gradient-to:oklch(37.2% 0.044 257.287 / 0.4); } .dark .to-teal-100:not(:where(#chat-window) *) { --tw-gradient-to:oklch(38.6% 0.063 188.416 / 0.4); } .dark .to-teal-50:not(:where(#chat-window) *) { --tw-gradient-to:oklch(27.7% 0.046 192.524 / 0.55); } .dark .via-slate-200\/60:not(:where(#chat-window) *) { --tw-gradient-via:oklch(44.6% 0.043 257.281 / 0.6); } .dark .via-stone-50:not(:where(#chat-window) *) { --tw-gradient-via:oklch(37.2% 0.044 257.287 / 0.4); } .dark .via-white:not(:where(#chat-window) *) { --tw-gradient-via:oklch(27.9% 0.041 260.031); } .dark .footer-link { color: oklch(86.9% 0.022 252.894); } .dark .footer-link:hover { color: oklch(80.8% 0.114 19.571); } .dark .footer-header { color: oklch(70.4% 0.191 22.216); } .dark .utility-link { color: oklch(86.9% 0.022 252.894); } .dark .main-navigation { background-color: oklch(20.8% 0.042 265.755 / 0.85); border-color: oklch(100% 0 0 / 0.08); } .dark .nav-item > a { color: oklch(92.9% 0.013 255.508); } .dark .nav-item:hover > a { color: oklch(70.4% 0.191 22.216); border-color: oklch(70.4% 0.191 22.216); } .dark .dropdown { background-color: oklch(27.9% 0.041 260.031); border-color: oklch(37.2% 0.044 257.287); } .dark .dropdown li a { color: oklch(86.9% 0.022 252.894); } .dark .dropdown li a:hover { background-color: oklch(25.8% 0.092 26.042 / 0.4); color: oklch(80.8% 0.114 19.571); } .dark .dropdown-divider { border-color: oklch(37.2% 0.044 257.287); } .dark .staff-card { background-color: oklch(27.9% 0.041 260.031); border-color: oklch(37.2% 0.044 257.287); } /* Document-viewer pages (css/doc-viewer.css) */ .dark .doc-sidebar-card { background-color: oklch(27.9% 0.041 260.031); border-color: oklch(37.2% 0.044 257.287); } .dark .doc-sidebar-card--dark { background-color: oklch(12.9% 0.042 264.695); border-color: oklch(37.2% 0.044 257.287); } .dark .doc-viewer-card { background-color: oklch(27.9% 0.041 260.031); border-color: oklch(27.9% 0.041 260.031); } .dark .doc-viewer-fill { background-color: oklch(27.9% 0.041 260.031); } .dark .doc-viewer-fallback p { color: oklch(86.9% 0.022 252.894); } /* Telephone directory (directory.html has its own table styles) */ .dark .directory-container th { color: oklch(70.4% 0.04 256.788); } .dark .directory-container th, .dark .directory-container td { border-bottom-color: oklch(37.2% 0.044 257.287); } .dark .office-name { color: oklch(96.8% 0.007 247.896); } .dark .head-name, .dark .acronym { color: oklch(70.4% 0.04 256.788); } .dark .local { color: oklch(70.4% 0.191 22.216); } /* "Glass" cards defined in individual templates (campus officials, department pages, hymn, seal) */ .dark .glass-card { background: oklch(27.9% 0.041 260.031 / 0.78); border-color: oklch(100% 0 0 / 0.10); } .dark .glass-card:hover { background: oklch(27.9% 0.041 260.031 / 0.95); } .dark .glass-frame { background: oklch(27.9% 0.041 260.031 / 0.78); border-color: oklch(100% 0 0 / 0.10); } .dark .directory-container { background: oklch(27.9% 0.041 260.031); box-shadow: 0 10px 25px rgb(0 0 0 / 0.35); } .dark .section-title { background-color: oklch(37.2% 0.044 257.287 / 0.5); color: oklch(80.8% 0.114 19.571); } .dark .cert-card { background: oklch(27.9% 0.041 260.031); border-color: oklch(37.2% 0.044 257.287); } .dark .author-card { background: oklch(27.9% 0.041 260.031); } /* Homepage (index.html defines its own featured card, section rule and tag styles) */ .dark .featured-milestone { background: linear-gradient(135deg, oklch(27.9% 0.041 260.031) 0%, oklch(25.8% 0.092 26.042 / 0.55) 100%); border-color: oklch(39.6% 0.141 25.723 / 0.6); } .dark .news-section-title .line { background: oklch(37.2% 0.044 257.287); } .dark .tag { color: oklch(80.8% 0.114 19.571); } /* News article pages (news_6.html, news_7.html ... define their own article styles) */ .dark .article-content, .dark .news-content p { color: oklch(86.9% 0.022 252.894); } .dark .news-tag { background: oklch(70.4% 0.191 22.216 / 0.15); color: oklch(80.8% 0.114 19.571); } .dark .meta-info { color: oklch(70.4% 0.04 256.788); border-bottom-color: oklch(37.2% 0.044 257.287); } .dark .drop-cap::first-letter { color: oklch(70.4% 0.191 22.216); } /* 1b. Hover / focus states */ @media (hover: hover) { .dark :is(.group:hover) .group-hover\:bg-amber-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(41.4% 0.112 45.904 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-blue-100:not([class*="dark:bg-"]):not(:where(#chat-window) *), .dark .hover\:bg-blue-100:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.9% 0.146 265.522 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-cyan-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(39.8% 0.07 227.392 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-emerald-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.8% 0.077 168.94 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-orange-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(40.8% 0.123 38.172 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-pink-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(40.8% 0.153 2.432 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-purple-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(38.1% 0.176 304.987 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-red-100:not([class*="dark:bg-"]):not(:where(#chat-window) *), .dark .hover\:bg-red-100:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(39.6% 0.141 25.723 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-sky-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(39.1% 0.09 240.876 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-slate-200:not([class*="dark:bg-"]):not(:where(#chat-window) *), .dark .hover\:bg-slate-200:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(44.6% 0.043 257.281); } .dark :is(.group:hover) .group-hover\:bg-teal-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(38.6% 0.063 188.416 / 0.4); } .dark :is(.group:hover) .group-hover\:bg-violet-100:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(38% 0.189 293.745 / 0.4); } .dark .hover\:bg-amber-200:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(47.3% 0.137 46.201 / 0.55); } .dark .hover\:bg-amber-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.077 45.635 / 0.55); } .dark .hover\:bg-amber-50\/30:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.077 45.635 / 0.165); } .dark .hover\:bg-blue-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(28.2% 0.091 267.935 / 0.55); } .dark .hover\:bg-emerald-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(26.2% 0.051 172.552 / 0.55); } .dark .hover\:bg-indigo-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(25.7% 0.09 281.288 / 0.55); } .dark .hover\:bg-orange-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(26.6% 0.079 36.259 / 0.55); } .dark .hover\:bg-red-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(25.8% 0.092 26.042 / 0.55); } .dark .hover\:bg-sky-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(29.3% 0.066 243.157 / 0.55); } .dark .hover\:bg-slate-100:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287); } .dark .hover\:bg-slate-50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.4); } .dark .hover\:bg-slate-50\/50:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.2); } .dark .hover\:bg-slate-50\/80:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(37.2% 0.044 257.287 / 0.32); } .dark .hover\:bg-white:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031); } .dark .hover\:bg-white\/10:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.1); } .dark .hover\:bg-white\/20:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.2); } .dark .hover\:bg-white\/40:hover:not([class*="dark:bg-"]):not(:where(#chat-window) *) { background-color:oklch(27.9% 0.041 260.031 / 0.4); } .dark :is(.group:hover) .group-hover\:text-amber-500:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark :is(.group:hover) .group-hover\:text-amber-600:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-amber-600:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.8% 0.189 84.429); } .dark :is(.group:hover) .group-hover\:text-blue-600:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-blue-600:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(70.7% 0.165 254.624); } .dark :is(.group:hover) .group-hover\:text-blue-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-blue-700:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-blue-800:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(80.9% 0.105 251.813); } .dark :is(.group:hover) .group-hover\:text-emerald-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark :is(.group:hover) .group-hover\:text-emerald-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-emerald-700:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-emerald-800:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(84.5% 0.143 164.978); } .dark :is(.group:hover) .group-hover\:text-indigo-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark :is(.group:hover) .group-hover\:text-indigo-900:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-indigo-700:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-indigo-800:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-indigo-900:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(78.5% 0.115 274.713); } .dark :is(.group:hover) .group-hover\:text-orange-600:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(75% 0.183 55.934); } .dark :is(.group:hover) .group-hover\:text-orange-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark :is(.group:hover) .group-hover\:text-orange-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-orange-700:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(83.7% 0.128 66.29); } .dark :is(.group:hover) .group-hover\:text-pink-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.3% 0.12 346.018); } .dark :is(.group:hover) .group-hover\:text-purple-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.7% 0.119 306.383); } .dark :is(.group:hover) .group-hover\:text-red-700:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark :is(.group:hover) .group-hover\:text-red-800:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-red-700:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-red-800:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(80.8% 0.114 19.571); } .dark :is(.group:hover) .group-hover\:text-sky-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(82.8% 0.111 230.318); } .dark :is(.group:hover) .group-hover\:text-teal-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(85.5% 0.138 181.071); } .dark :is(.group:hover) .group-hover\:text-tup-maroon:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-red-500:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-red-600:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-tup-maroon:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(70.4% 0.191 22.216); } .dark :is(.group:hover) .group-hover\:text-violet-800:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(81.1% 0.111 293.571); } .dark .hover\:text-\[\#1877F2\]:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-\[\#801423\]:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-slate-800:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(92.9% 0.013 255.508); } .dark .hover\:text-amber-700:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(87.9% 0.169 91.605); } .dark .hover\:text-emerald-600:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(76.5% 0.177 163.223); } .dark .hover\:text-sky-500:hover:not([class*="dark:text-"]):not(:where(#chat-window) *), .dark .hover\:text-sky-600:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(74.6% 0.16 232.661); } .dark .hover\:text-slate-700:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(86.9% 0.022 252.894); } .dark .hover\:text-slate-900:hover:not([class*="dark:text-"]):not(:where(#chat-window) *) { color:oklch(96.8% 0.007 247.896); } .dark :is(.group:hover) .group-hover\:border-amber-200:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .hover\:border-amber-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(47.3% 0.137 46.201 / 0.6); } .dark :is(.group:hover) .group-hover\:border-blue-200:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .hover\:border-blue-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(42.4% 0.199 265.638 / 0.6); } .dark :is(.group:hover) .group-hover\:border-emerald-200:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .hover\:border-emerald-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(43.2% 0.095 166.913 / 0.6); } .dark :is(.group:hover) .group-hover\:border-red-100:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .hover\:border-red-100:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(39.6% 0.141 25.723 / 0.6); } .dark :is(.group:hover) .group-hover\:border-red-200:not([class*="dark:border-"]):not(:where(#chat-window) *), .dark .hover\:border-red-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.4% 0.177 26.899 / 0.6); } .dark .hover\:border-amber-100:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(41.4% 0.112 45.904 / 0.6); } .dark .hover\:border-cyan-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(45% 0.085 224.283 / 0.6); } .dark .hover\:border-emerald-100:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.8% 0.077 168.94 / 0.6); } .dark .hover\:border-indigo-100:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(35.9% 0.144 278.697 / 0.6); } .dark .hover\:border-indigo-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(39.8% 0.195 277.366 / 0.6); } .dark .hover\:border-orange-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(47% 0.157 37.304 / 0.6); } .dark .hover\:border-pink-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(45.9% 0.187 3.815 / 0.6); } .dark .hover\:border-purple-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(43.8% 0.218 303.724 / 0.6); } .dark .hover\:border-sky-100:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(39.1% 0.09 240.876 / 0.6); } .dark .hover\:border-sky-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.3% 0.11 240.79 / 0.6); } .dark .hover\:border-slate-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(37.2% 0.044 257.287); } .dark .hover\:border-slate-300:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(44.6% 0.043 257.281); } .dark .hover\:border-teal-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(43.7% 0.078 188.216 / 0.6); } .dark .hover\:border-violet-200:hover:not([class*="dark:border-"]):not(:where(#chat-window) *) { border-color:oklch(43.2% 0.232 292.759 / 0.6); } } /* 2. Dark text on bright solid buttons stays dark */ .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-black:not([class*="dark:text-"]) { color: #000; } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-tup-black:not([class*="dark:text-"]) { color: #1a1a1a; } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-slate-800:not([class*="dark:text-"]) { color: oklch(27.9% 0.041 260.031); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-slate-900:not([class*="dark:text-"]) { color: oklch(20.8% 0.042 265.755); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-slate-950:not([class*="dark:text-"]) { color: oklch(12.9% 0.042 264.695); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-red-800:not([class*="dark:text-"]) { color: oklch(44.4% 0.177 26.899); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-red-900:not([class*="dark:text-"]) { color: oklch(39.6% 0.141 25.723); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-red-950:not([class*="dark:text-"]) { color: oklch(25.8% 0.092 26.042); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-orange-800:not([class*="dark:text-"]) { color: oklch(47% 0.157 37.304); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-orange-900:not([class*="dark:text-"]) { color: oklch(40.8% 0.123 38.172); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-amber-800:not([class*="dark:text-"]) { color: oklch(47.3% 0.137 46.201); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-amber-900:not([class*="dark:text-"]) { color: oklch(41.4% 0.112 45.904); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-amber-950:not([class*="dark:text-"]) { color: oklch(27.9% 0.077 45.635); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-emerald-800:not([class*="dark:text-"]) { color: oklch(43.2% 0.095 166.913); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-emerald-900:not([class*="dark:text-"]) { color: oklch(37.8% 0.077 168.94); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-emerald-950:not([class*="dark:text-"]) { color: oklch(26.2% 0.051 172.552); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-cyan-800:not([class*="dark:text-"]) { color: oklch(45% 0.085 224.283); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-blue-800:not([class*="dark:text-"]) { color: oklch(42.4% 0.199 265.638); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-blue-900:not([class*="dark:text-"]) { color: oklch(37.9% 0.146 265.522); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-indigo-800:not([class*="dark:text-"]) { color: oklch(39.8% 0.195 277.366); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-indigo-900:not([class*="dark:text-"]) { color: oklch(35.9% 0.144 278.697); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-indigo-950:not([class*="dark:text-"]) { color: oklch(25.7% 0.09 281.288); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-violet-800:not([class*="dark:text-"]) { color: oklch(43.2% 0.232 292.759); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-purple-800:not([class*="dark:text-"]) { color: oklch(43.8% 0.218 303.724); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-purple-900:not([class*="dark:text-"]) { color: oklch(38.1% 0.176 304.987); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-rose-800:not([class*="dark:text-"]) { color: oklch(45.5% 0.188 13.697); } .dark :is(.bg-red-400, .bg-red-500, .bg-orange-500, .bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-emerald-400, .bg-emerald-500, .bg-cyan-500, .bg-sky-500, .bg-blue-500, .bg-indigo-500, .bg-violet-500, .bg-rose-500).text-rose-900:not([class*="dark:text-"]) { color: oklch(41% 0.159 10.272); } /* 3. LIGHT-mode contrast: muted/accent text is one step darker so small labels stay readable on white. Not applied on dark surfaces (slate-900 cards, maroon bars, dark gradients). */ html:not(.dark) :is(.text-slate-400):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(50.5% 0.038 257); } html:not(.dark) :is(.text-slate-500):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(44.6% 0.043 257.281); } html:not(.dark) :is(.text-amber-500, .text-amber-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(55.5% 0.163 48.998); } html:not(.dark) :is(.text-orange-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(55.3% 0.195 38.402); } html:not(.dark) :is(.text-green-500, .text-green-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(52.7% 0.154 150.069); } html:not(.dark) :is(.text-emerald-500, .text-emerald-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(50.8% 0.118 165.612); } html:not(.dark) :is(.text-teal-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(51.1% 0.096 186.391); } html:not(.dark) :is(.text-cyan-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(52% 0.105 223.128); } html:not(.dark) :is(.text-sky-500, .text-sky-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(50% 0.134 242.749); } html:not(.dark) :is(.text-red-500, .text-red-600):not(:where(.bg-slate-900, .bg-slate-900 *, .bg-slate-950, .bg-slate-950 *, .bg-slate-800, .bg-slate-800 *, .bg-slate-700, .bg-slate-700 *, .bg-gray-900, .bg-gray-900 *, .bg-black, .bg-black *, .bg-tup-black, .bg-tup-black *, .bg-tup-maroon, .bg-tup-maroon *, .bg-red-800, .bg-red-800 *, .bg-red-900, .bg-red-900 *, .bg-red-950, .bg-red-950 *, .bg-emerald-800, .bg-emerald-800 *, .bg-emerald-900, .bg-emerald-900 *, .bg-emerald-950, .bg-emerald-950 *, .bg-orange-900, .bg-orange-900 *, .bg-amber-900, .bg-amber-900 *, .bg-blue-800, .bg-blue-800 *, .bg-blue-900, .bg-blue-900 *, .bg-indigo-900, .bg-indigo-900 *, .bg-purple-900, .bg-purple-900 *, .doc-sidebar-card--dark, .doc-sidebar-card--dark *, .hero-glass, .hero-glass *, .video-container, .video-container *, .download-btn, .download-btn *, .mySwiper, .mySwiper *, .milestone-badge, .milestone-badge *, .prez-hero, .prez-hero *, .video-wrapper, .video-wrapper *, .news-chip, .news-chip *, .timeline-dot, .timeline-dot *, .acc-badge, .acc-badge *, .ts-tool, .ts-tool *, .ts-pending, .ts-pending *, [class^="from-slate-9"], [class^="from-slate-9"] *, [class*=" from-slate-9"], [class*=" from-slate-9"] *, [class^="from-slate-8"], [class^="from-slate-8"] *, [class*=" from-slate-8"], [class*=" from-slate-8"] *, [class^="from-red-9"], [class^="from-red-9"] *, [class*=" from-red-9"], [class*=" from-red-9"] *, [class^="from-red-8"], [class^="from-red-8"] *, [class*=" from-red-8"], [class*=" from-red-8"] *, [class^="from-black"], [class^="from-black"] *, [class*=" from-black"], [class*=" from-black"] *, [class^="from-emerald-9"], [class^="from-emerald-9"] *, [class*=" from-emerald-9"], [class*=" from-emerald-9"] *, [class^="from-blue-9"], [class^="from-blue-9"] *, [class*=" from-blue-9"], [class*=" from-blue-9"] *, [class^="from-indigo-9"], [class^="from-indigo-9"] *, [class*=" from-indigo-9"], [class*=" from-indigo-9"] *, [class^="to-slate-9"], [class^="to-slate-9"] *, [class*=" to-slate-9"], [class*=" to-slate-9"] *, [class^="via-slate-9"], [class^="via-slate-9"] *, [class*=" via-slate-9"], [class*=" via-slate-9"] *, [class^="bg-slate-900/"], [class^="bg-slate-900/"] *, [class*=" bg-slate-900/"], [class*=" bg-slate-900/"] *, [class^="bg-slate-800/"], [class^="bg-slate-800/"] *, [class*=" bg-slate-800/"], [class*=" bg-slate-800/"] *, [class^="bg-black/"], [class^="bg-black/"] *, [class*=" bg-black/"], [class*=" bg-black/"] *, [class^="bg-red-900/"], [class^="bg-red-900/"] *, [class*=" bg-red-900/"], [class*=" bg-red-900/"] *, [class^="bg-red-950/"], [class^="bg-red-950/"] *, [class*=" bg-red-950/"], [class*=" bg-red-950/"] *, [class^="from-tup-maroon"], [class^="from-tup-maroon"] *, [class*=" from-tup-maroon"], [class*=" from-tup-maroon"] *, [class^="from-tup-black"], [class^="from-tup-black"] *, [class*=" from-tup-black"], [class*=" from-tup-black"] *, [class^="to-tup-maroon"], [class^="to-tup-maroon"] *, [class*=" to-tup-maroon"], [class*=" to-tup-maroon"] *, [class^="to-tup-black"], [class^="to-tup-black"] *, [class*=" to-tup-black"], [class*=" to-tup-black"] *, [class^="via-tup-maroon"], [class^="via-tup-maroon"] *, [class*=" via-tup-maroon"], [class*=" via-tup-maroon"] *, [class^="bg-tup-maroon/"], [class^="bg-tup-maroon/"] *, [class*=" bg-tup-maroon/"], [class*=" bg-tup-maroon/"] *, [class^="bg-tup-black/"], [class^="bg-tup-black/"] *, [class*=" bg-tup-black/"], [class*=" bg-tup-black/"] *, [class^="bg-[#800"], [class^="bg-[#800"] *, [class*=" bg-[#800"], [class*=" bg-[#800"] *)) { color: oklch(50.5% 0.213 27.518); } html:not(.dark) :is(.bg-slate-900, .bg-slate-950, .bg-black, .bg-tup-black, .bg-tup-maroon, .bg-red-900, .bg-red-950, .doc-sidebar-card--dark) :is(.text-slate-500), html:not(.dark) :is(.text-slate-500):is(.bg-slate-900, .bg-slate-950, .bg-black, .bg-tup-black, .bg-tup-maroon, .bg-red-900, .bg-red-950, .doc-sidebar-card--dark) { color: oklch(70.4% 0.04 256.788); } html:not(.dark) :is(.bg-slate-900, .bg-slate-950, .bg-slate-800, .bg-slate-700, .bg-gray-900, .bg-black, .bg-tup-black, .bg-tup-maroon, .bg-red-800, .bg-red-900, .bg-red-950, .bg-emerald-800, .bg-emerald-900, .bg-emerald-950, .bg-orange-900, .bg-amber-900, .bg-blue-800, .bg-blue-900, .bg-indigo-900, .bg-purple-900, .doc-sidebar-card--dark, .hero-glass, .video-container, .download-btn, .mySwiper, .milestone-badge, .prez-hero, .video-wrapper, .news-chip, .timeline-dot, .acc-badge, .ts-tool, .ts-pending, [class^="from-slate-9"], [class*=" from-slate-9"], [class^="from-slate-8"], [class*=" from-slate-8"], [class^="from-red-9"], [class*=" from-red-9"], [class^="from-red-8"], [class*=" from-red-8"], [class^="from-black"], [class*=" from-black"], [class^="from-emerald-9"], [class*=" from-emerald-9"], [class^="from-blue-9"], [class*=" from-blue-9"], [class^="from-indigo-9"], [class*=" from-indigo-9"], [class^="to-slate-9"], [class*=" to-slate-9"], [class^="via-slate-9"], [class*=" via-slate-9"], [class^="bg-slate-900/"], [class*=" bg-slate-900/"], [class^="bg-slate-800/"], [class*=" bg-slate-800/"], [class^="bg-black/"], [class*=" bg-black/"], [class^="bg-red-900/"], [class*=" bg-red-900/"], [class^="bg-red-950/"], [class*=" bg-red-950/"], [class^="from-tup-maroon"], [class*=" from-tup-maroon"], [class^="from-tup-black"], [class*=" from-tup-black"], [class^="to-tup-maroon"], [class*=" to-tup-maroon"], [class^="to-tup-black"], [class*=" to-tup-black"], [class^="via-tup-maroon"], [class*=" via-tup-maroon"], [class^="bg-tup-maroon/"], [class*=" bg-tup-maroon/"], [class^="bg-tup-black/"], [class*=" bg-tup-black/"], [class^="bg-[#800"], [class*=" bg-[#800"]) .text-tup-maroon, html:not(.dark) .text-tup-maroon:is(.bg-slate-900, .bg-slate-950, .bg-slate-800, .bg-slate-700, .bg-gray-900, .bg-black, .bg-tup-black, .bg-tup-maroon, .bg-red-800, .bg-red-900, .bg-red-950, .bg-emerald-800, .bg-emerald-900, .bg-emerald-950, .bg-orange-900, .bg-amber-900, .bg-blue-800, .bg-blue-900, .bg-indigo-900, .bg-purple-900, .doc-sidebar-card--dark, .hero-glass, .video-container, .download-btn, .mySwiper, .milestone-badge, .prez-hero, .video-wrapper, .news-chip, .timeline-dot, .acc-badge, .ts-tool, .ts-pending, [class^="from-slate-9"], [class*=" from-slate-9"], [class^="from-slate-8"], [class*=" from-slate-8"], [class^="from-red-9"], [class*=" from-red-9"], [class^="from-red-8"], [class*=" from-red-8"], [class^="from-black"], [class*=" from-black"], [class^="from-emerald-9"], [class*=" from-emerald-9"], [class^="from-blue-9"], [class*=" from-blue-9"], [class^="from-indigo-9"], [class*=" from-indigo-9"], [class^="to-slate-9"], [class*=" to-slate-9"], [class^="via-slate-9"], [class*=" via-slate-9"], [class^="bg-slate-900/"], [class*=" bg-slate-900/"], [class^="bg-slate-800/"], [class*=" bg-slate-800/"], [class^="bg-black/"], [class*=" bg-black/"], [class^="bg-red-900/"], [class*=" bg-red-900/"], [class^="bg-red-950/"], [class*=" bg-red-950/"], [class^="from-tup-maroon"], [class*=" from-tup-maroon"], [class^="from-tup-black"], [class*=" from-tup-black"], [class^="to-tup-maroon"], [class*=" to-tup-maroon"], [class^="to-tup-black"], [class*=" to-tup-black"], [class^="via-tup-maroon"], [class*=" via-tup-maroon"], [class^="bg-tup-maroon/"], [class*=" bg-tup-maroon/"], [class^="bg-tup-black/"], [class*=" bg-tup-black/"], [class^="bg-[#800"], [class*=" bg-[#800"]) { color: oklch(70.4% 0.191 22.216); } :is(.bg-amber-300, .bg-amber-400, .bg-amber-500, .bg-yellow-300, .bg-yellow-400, .bg-yellow-500).text-white:not([class*="dark:text-"]) { color: oklch(20.8% 0.042 265.755); } .text-white\/60:not([class*="dark:text-"]) { color: oklch(100% 0 0 / 0.88); } .text-white\/80:not([class*="dark:text-"]) { color: oklch(100% 0 0 / 0.94); } html:not(.dark) .directory-container th { color: oklch(55.4% 0.046 257.417); } html:not(.dark) .head-name, html:not(.dark) .acronym, html:not(.dark) .meta-info { color: oklch(44.6% 0.043 257.281); }