:root {
  --body-color: 22,22,22;

  --bg-primary: 29,29,29;
  --bg-secondary: 39,39,38;
  --bg-tertiary: 39,39,39;

  --color: 223,223,223;
  --color-2: 165,172,185;
  --text-muted: 119,119,119;

  --accent: 47,92,179;

  --ring: 53,102,236;
  --border: 32,37,47;

  --text-success: 34,197,94;
  --text-danger: 239,68,68;
}

@font-face {
    font-family: 'base';
    src: url('/assets/fonts/basic.woff2') format('woff2');
         url('/assets/fonts/basic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
    margin: 0;
}

.place{
    max-width: 900px;
    flex: 1 0 auto;
}

*{
    font-family: 'base'!important;
}

body{
    background: rgb(var(--body-color));
    color: rgb(var(--color));

    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto; /* Растягивается, если нужно */
}

footer {
    flex-shrink: 0; /* Не сжимается */
}

a{
    color: rgb(var(--accent));
    text-decoration: none;
}

input[type="text"],input[type="password"],input[type="email"]{
    background: rgb(var(--bg-primary));
    color: rgb(var(--color));
    border: none;
    outline: none;
    width: 100%;
    padding: 16px 32px;
    border-radius: 16px;
}

button{
    background: rgb(var(--accent));
    color: #000;
    outline: none;
    border: none;
    padding: 16px 32px;
    border-radius: 16px;
}