:root {
    --header-height: 3.5rem;
    --bg: #000;
    --panel: #161a1d;
    --card: ;
    --border: #242a2e;
    --white: #fff;
    --black: #000;
    --fg: #e9eef0;
    --muted: #9aa5ad;
    --yellow-light: #ffd7a8;
    --accent: #ff2525;
    --accent-press: #b91c1c;
    --accent-soft: #2a1515;
    --accent-fg: #fff;
    --accent-green: #00ff80;
    --radius: 12px;
    --shadow: 0 8px 24px rgba(0, 0, 0, .35);

    --list-max: 1500px;
    --card-padding: 14px;
    --banner-h-desktop: 110px;
}

:root {
    --bg: #0f0f10;
    --card: #18191b;
    --line: #232427;
    --text: #f2f2f3;
    --muted: #a7a7ad;
    --accent: #ff3030;
    --accent-ghost: #2a2b2f;
    --radius: 14px;
    --shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

/* ===== base ===== */
* {
    box-sizing: border-box
}

html,
body {
    margin: 0;
    overflow-x: hidden;
}

body {
    background: var(--bg);
    color: var(--fg);
    font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background-image: url("media/icons/mc.powerbox.fun/photo_2025-09-08_21-25-42.jpg");
}

.container {
    max-width: 1500px;
    margin: auto;
}

ul {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    color: var(--accent)
}

/*html {
    position: relative;
    z-index: 1;
}

html::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/static/1.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.05;

}
*/


a:focus,
a:active {
    outline: none;
    color: var(--accent)
}