:root {
    --dark-bg: #0B0E1F;
    --dark-sidebar: #121629;
    --dark-backside: #1B2038;
    --dark-block: #14192E;
    --dark-on: #222842;
    --dark-stroke: #2A3152;
    --dark-lighter: #454B66;
    --primary-title: #004221;
    --primary-inactive: #01FF801A;
    --primary-accent: #01FF80;
    --primary-accent-s: #01CC66;
    --old-title: #004221;
    --old-inactive: #01FF801A;
    --old-green: #01FF80;
    --old-green-s: #01CC66;
    --chat-circle-hover: #01CC66;
    --blue-main: #3377FF;
    --blue-inactive: #3377FF1A;
    --light-title: #F5F6FF;
    --light-desc: #7278A0;
    --light-desc-translucent: #C2C8FF7F;
    --footer-icons: #333858;
    --footer-desc: #3F4360;
    --auth-bottom: #3F4466;
    --auth-white: #FFFFFF;
    --red-main: #FF3355;
    --red-main-s: #D62A47;
    --orange-main: #FFA033;
    --green-main: #01B85C;
    --top-button-translucent: rgba(255, 255, 255, 0.4);
    --review-date: rgba(173, 187, 255, 0.5);
    --dark-avatar: #12162B;
    --tooltip-gray: #424A6B;
    --skeleton: #0E1123;
    --news-style: #5C7AFF;
    --game-dark: #090C1A;
    --notif-dark: #262D4A;
    --notif-light: #353C5C;
    --coinflip-block: #2D3557;
    --win-delim: #495175;
    --plinko-color1: #DD33FF;
    --plinko-color2: #9933FF;
    --plinko-color3: #7733FF;
    --plinko-color4: #5533FF;
    --plinko-color5: #3333FF;
    --plinko-color6: #3355FF;
    --plinko-color7: #3377FF;
    --promo-table-bg: #29304D;
    --dark-delim: #394266;
    --link-color: #9BA1CC;
    --sup-t-desc: rgba(214, 218, 255, 0.5);
    --sup-bg: #F6F8FC;
    --sup-msg-bg: #FFF;
    --sup-text-dark: #383D52;
    --sup-input-border: #ABB4C7;
    --sup-input-border-hover: #8C9AB8;
    --sup-input-border-focus: #61708F;
    --sup-inactive-bg: #C5CDDB;
    --sup-inactive-fg: #53627A;
    --sup-hover-fg: #D6DAFF;
    --sup-ava-bg: #DADEDD;
    --crash-blue: #3071F2;
    --crash-purple: #7130F2;
    --crash-orange: #F27130;
    --crash-red: #FF3355;
    --crash-progress: #8447FF;
    --slots-logo: #2A3052;
    --withdraw-arrow: #3A4161;
    --news-orange: #FF9500;
    --reward-congratulations: rgba(224, 227, 255, 0.6);
}

/* Proxima Nova: подключаем Bold (остальные начертания — из /assets/fonts/stylesheet.css) */
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/assets/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Для обычного текста используем тот же файл, пока нет Regular */
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/assets/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Сброс стилей */
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Proxima Nova Rg', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
}

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

ul,
ol {
    list-style: none;
}

button {
    cursor: pointer;
    background: none;
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3, h4, h5, h6, p, label {
    margin: 0;
    padding: 0;
}

.container {
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    width: 100%;
}