:root {
    --primary-dark: #3297f3;
    --primary-light: #2687dc;
    --secondary-dark: #d3ddee;
    --secondary-light: #83888a;
    --success-dark: #3cb690;
    --success-light: #82d6bc;
    --info-dark: #1d9fff;
    --info-light: #83cbff;
    --warning-light: #ffad0a;
    --warning-dark: #ffcf70;
    --danger-dark: #ee283c;
    --danger-light: #f68692;
    --light-dark: #cdd6e6;
    --light-light: white;
    --dark-dark: #0a081f;
    --dark-light: #241e6f;
    --base-gradient: linear-gradient(-96.34deg, #5163fd 0%, #2b3dda 100%);
}

html {
    scroll-behavior: smooth;
}

.edge {
    image-rendering: -moz-crisp-edges; /* Firefox */
    -ms-interpolation-mode: nearest-neighbor;  /* IE */
    image-rendering: crisp-edges; /* Стандартное свойство */
}

* {
    box-sizing: border-box;
    transition: ease-in-out 100ms;
}

h5 {
    font-size: 1.25rem;
    color: black;
}

body {
    transition: none;
    max-height: 100vh;
    max-width: 100vw;
    height: 100%;
    font-weight: 600;
}

.rubik-mono-one-regular {
    font-family: "Rubik Mono One", monospace;
    font-weight: 400;
    font-style: normal;
}

.fira-regular {
    font-family: "Fira Code", monospace;
    font-weight: 400;
    font-style: normal;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;      
    box-sizing: border-box;
}

.scrollbar-none::-webkit-scrollbar {
    display: none;
  }

  .scrollbar-none {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и Edge */
  }