:root {
    --magyar-flag-red: #b91c1c;
    --magyar-flag-white: #ffffff;
    --magyar-flag-green: #2d5a3b;
}

body {
    isolation: isolate;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 28, 28, 0.055), transparent 34%),
        radial-gradient(ellipse at 0% 100%, rgba(45, 90, 59, 0.055), transparent 38%);
}

.navbar-magyar,
.topbar {
    position: relative;
}

.navbar-magyar::after,
.topbar::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        var(--magyar-flag-red) 0%,
        var(--magyar-flag-red) 33.333%,
        var(--magyar-flag-white) 33.333%,
        var(--magyar-flag-white) 66.666%,
        var(--magyar-flag-green) 66.666%,
        var(--magyar-flag-green) 100%
    );
    opacity: 0.8;
}