/* Body & HTML */
body,
html {
    background: var(--bg-primary);
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--text-primary);
}

/* Box Sizing */
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


i {
    font-size: 16px;
}

/* Scrollbar */

/* Firefox scrollbar support */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) var(--bg-primary);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 10px;
    border: 2px solid var(--bg-primary);
    transition: background 0.3s ease;
    cursor: grab;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

::-webkit-scrollbar-thumb:active {
    cursor: grabbing;
}

/* FNF Error pages */
.fnf-error-container,
.fnf-error-content,
.fnf-error-details,
.fnf-error-title,
.fnf-error-message {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Hide Element */
.hidden {
    display: none !important;
}

/* Font Style */
.font-keren {
    font-family: 'Orbitron', monospace;
    letter-spacing: 1px;
}

.font-kartun {
    font-family: 'PixelPurl', sans-serif;
}

.font-roboto {
    font-family: 'RobotoMono', monospace;
}

.font-standar {
    font-family: 'Inter', sans-serif;
}