/*
 * Base Styles - Consolidated from all screens
 * This file contains common element styles, resets, and global styles
 */

/* Reset and base element styles */
html,
body {
    background: rgb(20, 18, 46);
    color: var(--chakra-colors-white);
    font-family: Inter, "Segoe UI", sans-serif;
    min-height: 100vh
}

body {
    position: relative;
    margin: 0px;
    font-feature-settings: "kern"
}

body {
    transition-property: background-color;
    transition-duration: var(--chakra-transition-duration-normal);
    line-height: var(--chakra-lineHeights-base)
}

body {
    background: rgb(20, 18, 46);
    color: var(--chakra-colors-white);
    font-family: Inter, "Segoe UI", sans-serif;
    min-height: 100vh
}

*,
::before,
::after {
    border-color: var(--chakra-colors-chakra-border-color)
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar {
    display: none
}

::-webkit-scrollbar-track {
    background: #1c1b40
}

::-webkit-scrollbar-track {
    background: rgb(28, 27, 64)
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #7928ca, #ff0080);
    border-radius: 3px
}

::-webkit-scrollbar-thumb {
    background-image: linear-gradient(135deg, rgb(121, 40, 202), rgb(255, 0, 128));
    border-radius: 3px
}

::selection {
    color: #fff;
    background: #ff008040
}

::selection {
    background: rgba(255, 0, 128, 0.25);
    color: var(--chakra-colors-white)
}

::placeholder {
    color: #ccc
}

::placeholder {
    color: var(--chakra-colors-chakra-placeholder-color)
}

::placeholder {
    color: rgba(255, 255, 255, 0.25)
}

::placeholder {
    color: rgba(255, 255, 255, 0.22)
}

::-webkit-input-placeholder {
    color: var(--chakra-colors-chakra-placeholder-color)
}

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.25)
}

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.22)
}

html,
body {
    background-color: rgb (20, 18, 46);
    font-family: "McAfeePoppins", Helvetica, Arial;
    line-height: 1;
    height: 100%;
    width: 100%
}

body {
    background-color: rgb (20, 18, 46);
    font-family: "McAfeePoppins", Helvetica, Arial;
    line-height: 1;
    height: 100%;
    width: 100%
}