/* Global Page Styles */
html, body {
    background-color: #000000; /* Deep black background */
    color: #e0e0e0; /* Light gray text for readability */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Links and Buttons */
a, .btn-link {
    color: #ff8000; /* Bright orange for links */
    text-decoration: none;
}

    a:hover, .btn-link:hover {
        text-decoration: underline;
        color: #ff9933; /* Slightly lighter orange on hover */
    }

/* Primary Button Styles */
.btn-primary {
    color: #ffffff;
    background-color: #ff8000; /* Orange button */
    border-color: #ff8000;
    transition: background-color 0.3s, transform 0.1s;
}

    .btn-primary:hover {
        background-color: #cc6600; /* Darker orange */
    }

    .btn-primary:active {
        transform: scale(0.95); /* Subtle shrink effect */
    }

/* Input Focus Styles */
input:focus, .btn:focus, .form-control:focus {
    box-shadow: 0 0 4px #ff8000, 0 0 8px rgba(255, 128, 0, 0.8); /* Orange glow */
    outline: none;
}

.validation-message {
    color: #ff0033; /* Red error message */
}

/* Error Boundary Styles */
.blazor-error-boundary {
    background-color: #b32121; /* Dark red background for errors */
    color: #ffffff;
    padding: 1rem;
}

    .blazor-error-boundary::after {
        content: "An error has occurred.";
    }