@font-face {
    font-family: 'SofiaPro';
    src: url('/fonts/Sofia-Pro-Regular.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
    font-display: swap;
}

h3 {
    color: #FAFAFA !important
}

label {
    color: #FAFAFA !important
}

.rcard {
    background-color: #121212 !important;
}

.text-foreground {
    color: #FAFAFA !important;
}

.text-muted-foreground {
    color:#A3A3A3  !important;
}

.border {
    border-color: #333333 !important;
}

.bg-border {
    background-color: #333333 !important;
}

.rbtn-primary {
    background-image: linear-gradient(to right, #2842EC, #854CC2) !important;
    color: #E9EE14 !important;
    font-weight: bold;
}
.blazored-toast-container {
    background-color: #121212 !important;
}

.blazored-toast {
    background-color: #121212 !important;
}

.bg-background {
    background-color: #0A0A0A !important;
}

.rinput {
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
    color:#FAFAFA  !important;
}

.rinput:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) #2841EC !important;
}

input {
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
    color: #FAFAFA !important;
}

input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) #2841EC !important;
}

/* Place this in your override.css or inside a <style> block */
.league-link:hover {
    background-color: #2842EC !important;
    color: #FAFAFA !important; /* Optional: change text color on hover */
}