:root {
    /*#region Colors*/
    /* For more information on colors, read _colors.css */

    --color-primary-h: 251;
    --color-primary-s: 64%;
    --color-primary-l: 22%;
    --color-secondary-h: 0;
    --color-secondary-s: 0%;
    --color-secondary-l: 0%;
    --color-highlight-h: 170;
    --color-highlight-s: 100%;
    --color-highlight-l: 50%;
    --bg-primary: #120a1a;
    --bg-primary-h: 202;
    --bg-primary-s: 40%;
    --bg-primary-l: 18%;
    --color-text: rgba(236,243,229,1);
    --color-title: hsl( var(--color-primary-h), var(--color-primary-s), var(--color-primary-l) );
    --color-subtitle: hsl( var(--color-highlight-h), var(--color-highlight-s), var(--color-highlight-l) );
    /*#endregion Colors*/
    /*#region Fonts*/
    color: #21145c;
    --site-font-family: 'Titillium Web', sans-serif;
    --site-font-family-alt: 'Titillium Web', sans-serif;
    /*#endregion Fonts */

    --site-background-color: black;
    --menu-institutional-background: black;
    /*text color*/
    /*    --cursor-default: url(/img/ui_icons/pointer_hand_0001_44x41.png) 1 1, auto;
    --cursor-pointer: url(/img/ui_icons/pointer_hand_0001_44x41.png) 1 1, auto;
    --cursor-active: url(/img/ui_icons/pointer_hand_0002_44x41.png) 1 1, auto;

*/
}

.article-item {
}

.menu_game {
    --menu-game-max-width: 1500px;
    --menu-game-background-color: #251435;
    --menu-game-border-color: #693997;
    --menu-game-link-color: rgba(255, 255, 255, 1);
    --menu-game-link-bg-color-hover: #693997;
    --menu-game-offcanvas-social-background-color: #1b0f26;
}

.menu_saga {
    --menu-saga-background-color: black;
    --menu-saga-border-color: black;
    --menu-saga-game-item-color: black;
}

header, h1, h2, h3, h4, h5, h6 {
    --header-font-size-base: 1rem;
}

.modal-frame {
    --bg-modal: #251435;
    --form-color-text: #fae7ff;
}

.modal-close::before,
.modal-close::after {
    --color-close: #693997;
}