/* state-system.css - Utility Classes for States and Interactions in Zsub Design System */

/* Hover States */
.hover\:bg-blue-600:hover { background-color: #008bcc; }
.hover\:bg-techblue-600:hover { background-color: #135cc7; }
.hover\:bg-orange-600:hover { background-color: #d37707; }
.hover\:bg-purple-600:hover { background-color: #4117ff; }
.hover\:bg-blue-300:hover { background-color: #99dfff; }
.hover\:bg-orange-700:hover { background-color: #9e5906; }
.hover\:bg-red-700:hover { background-color: #cc0000; }
.hover\:text-blue-300:hover { color: #99dfff; }
.hover\:text-techblue-300:hover { color: #a9c8f7; }
.hover\:text-orange-300:hover { color: #fcd4a3; }
.hover\:text-purple-300:hover { color: #cabeff; }
.hover\:underline:hover { text-decoration: underline; }
.hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

/* Focus States */
.focus\:ring-2:focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05); } /* Base ring */
.focus\:ring-blue-500:focus { box-shadow: 0 0 0 3px rgba(51, 190, 255, 0.5); }
.focus\:ring-techblue-500:focus { box-shadow: 0 0 0 3px rgba(82, 145, 238, 0.5); }
.focus\:ring-orange-500:focus { box-shadow: 0 0 0 3px rgba(249, 169, 72, 0.5); }
.focus\:ring-purple-500:focus { box-shadow: 0 0 0 3px rgba(149, 125, 255, 0.5); }
.focus\:outline-none:focus { outline: none; }

/* Active States */
.active\:bg-blue-700:active { background-color: #006899; }
.active\:bg-techblue-700:active { background-color: #0f4595; }
.active\:bg-orange-700:active { background-color: #9e5906; }
.active\:bg-purple-700:active { background-color: #2600d0; }

/* Disabled States */
.disabled\:opacity-50:disabled { opacity: 0.5; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:bg-neutral-600:disabled { background-color: #616161; }