/* ============================================
   Application Entry Point
   Import the design system
   ============================================ */

@import "css/main.css";


/* ============================================
   Application-Specific Overrides
   ============================================ */

/* Blazor Error UI */
#blazor-error-ui {
    background: var(--color-warning-light);
    bottom: 0;
    box-shadow: var(--shadow-lg);
    display: none;
    left: 0;
    padding: var(--spacing-3) var(--spacing-5);
    position: fixed;
    width: 100%;
    z-index: var(--z-modal);
    border-top: 2px solid var(--color-warning);
}

    #blazor-error-ui .dismiss {
        position: absolute;
        right: var(--spacing-3);
        top: 50%;
        transform: translateY(-50%);
        color: var(--color-text-primary);
        font-weight: var(--font-weight-semibold);
}

a {
    color: inherit;
    text-decoration: none;
    font: inherit;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

    a:focus,
    a:active {
        outline: none;
    }

    a:hover {
        text-decoration: none;
    }

html {
    font-family: 'Macan', sans-serif;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-size: 16px;
}