Decoder2704/python-chatbot-jay

1.ui-btn {2  display: inline-flex;3  align-items: center;4  justify-content: center;5  gap: var(--space-2);6  font: inherit;7  font-weight: var(--font-weight-semibold);8  text-decoration: none;9  border: none;10  cursor: pointer;11  transition:12    transform var(--duration-normal) var(--ease-standard),13    box-shadow var(--duration-normal) var(--ease-standard),14    filter var(--duration-fast) var(--ease-standard),15    background var(--duration-normal) var(--ease-standard),16    border-color var(--duration-normal) var(--ease-standard),17    color var(--duration-normal) var(--ease-standard);18}19 20.ui-btn:focus-visible {21  box-shadow: var(--focus-ring);22}23 24.ui-btn--primary:focus-visible,25.ui-btn--nav-cta:focus-visible,26.ui-btn--auth-submit:focus-visible {27  box-shadow: var(--focus-ring), 0 4px 20px rgba(79, 70, 229, 0.35);28}29 30.ui-btn:disabled {31  opacity: 0.45;32  cursor: not-allowed;33}34 35.ui-btn--size-sm {36  padding: 0.45rem 0.85rem;37  font-size: var(--font-size-body-sm);38  border-radius: var(--radius-md);39}40 41.ui-btn--size-md {42  padding: 0.75rem 1.5rem;43  font-size: var(--font-size-body);44  border-radius: var(--radius-pill);45}46 47.ui-btn--size-lg {48  padding: 0.85rem 1.25rem;49  font-size: var(--font-size-body);50  border-radius: var(--radius-lg);51}52 53.ui-btn--primary {54  color: #ffffff;55  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);56  box-shadow: 0 2px 12px rgba(79, 70, 229, 0.35);57}58 59.ui-btn--primary:hover:not(:disabled) {60  filter: brightness(1.06);61  box-shadow: 0 4px 20px rgba(79, 70, 229, 0.4);62  transform: translateY(-1px);63}64 65.ui-btn--primary:active:not(:disabled) {66  transform: translateY(0);67  transition-duration: var(--duration-fast);68}69 70.ui-btn--secondary {71  color: #4338ca;72  background: #ffffff;73  border: 1px solid rgba(99, 102, 241, 0.35);74  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);75}76 77.ui-btn--secondary:focus-visible {78  box-shadow: var(--focus-ring), 0 1px 2px rgba(15, 23, 42, 0.05);79}80 81.ui-btn--secondary:hover:not(:disabled) {82  background: rgba(99, 102, 241, 0.08);83  border-color: rgba(99, 102, 241, 0.55);84  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.12);85  transform: translateY(-1px);86}87 88.ui-btn--secondary:active:not(:disabled) {89  transform: translateY(0);90}91 92.ui-btn--outline {93  color: #334155;94  background: #ffffff;95  border: 1px solid rgba(15, 23, 42, 0.12);96  border-radius: var(--radius-md);97  font-size: 0.875rem;98  padding: 0.65rem 1rem;99}100 101.ui-btn--outline:hover:not(:disabled) {102  border-color: rgba(99, 102, 241, 0.4);103  background: #fafbff;104  transform: translateY(-1px);105  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1);106}107 108.ui-btn--outline:active:not(:disabled) {109  transform: translateY(0);110}111 112.ui-btn--outline:focus-visible {113  border-color: rgba(99, 102, 241, 0.45);114  box-shadow: var(--focus-ring);115}116 117.ui-btn--ghost {118  padding: 0.5rem 0.85rem;119  font-size: var(--font-size-body-sm);120  font-weight: var(--font-weight-semibold);121  color: #64748b;122  background: transparent;123  border-radius: var(--radius-pill);124}125 126.ui-btn--ghost:hover:not(:disabled) {127  color: #6366f1;128  background: rgba(99, 102, 241, 0.1);129}130 131.ui-btn--ghost:focus-visible {132  box-shadow: var(--focus-ring);133}134 135.ui-btn--nav-cta {136  padding: 0.5rem 1.25rem;137  font-size: 0.875rem;138  font-weight: var(--font-weight-semibold);139  color: #ffffff;140  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);141  border-radius: var(--radius-pill);142  box-shadow: 0 1px 2px rgba(79, 70, 229, 0.25);143}144 145.ui-btn--nav-cta:hover:not(:disabled) {146  filter: brightness(1.05);147  box-shadow: 0 2px 12px rgba(79, 70, 229, 0.4);148  transform: translateY(-1px);149}150 151.ui-btn--nav-cta:active:not(:disabled) {152  transform: translateY(0);153}154 155.ui-btn--block {156  width: 100%;157}158 159.ui-btn--auth-submit {160  padding: 0.85rem 1.25rem;161  font-size: var(--font-size-body);162  font-weight: var(--font-weight-bold);163  color: #ffffff;164  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);165  border-radius: var(--radius-lg);166  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);167}168 169.ui-btn--auth-submit:hover:not(:disabled) {170  filter: brightness(1.05);171}172 173.ui-btn--auth-submit:active:not(:disabled) {174  transform: scale(0.99);175}176