/* Dolecular Global Styles - Hyper-Link Dataism */

html, body {
    background-color: var(--background);
    color: var(--on-surface);
    font-family: var(--font-body);
    margin: 0;
    padding: 0;
}

/* Custom scrollbar to match theme */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--surface-container-low);
}
::-webkit-scrollbar-thumb {
    background: var(--outline-variant);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--outline);
}

/* Glassmorphism utility */
.glass {
    background: rgba(13, 16, 0, 0.7) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(115, 122, 68, 0.1) !important;
}

/* Typography scale jumps for "Premium Editorial" look */
.display-lg {
    font-family: var(--font-display) !important;
    font-size: 3.5rem !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase;
}

/* Remove default blazor sidebar if any remains */
.sidebar {
    display: none !important;
}

/* Ensure MudBlazor doesn't conflict with our background */
.mud-layout {
    background-color: var(--background) !important;
}