@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css");

:root {
  --bg-zero: #F7F1E8;
  --bg-first: #EFE5D7;
  --bg-second: #DFD3C3;
  --bg-third: #C4B8A4;
  --bg-fourth: #9F9687;
  --bg-inverse: #14202B;
  --bg-info: #D9ECFF;
  --bg-error: #F8D7DA;
  --bg-warning: #FFF3CD;
  --bg-success: #D4EDDA;
  --zero: #14202B;
  --default: #253342;
  --inverse: #F8F4EE;
  --primary: #0F6DFF;
  --secondary: #B66A2F;
  --info: #0F6DFF;
  --error: #DC3545;
  --warning: #B66A2F;
  --success: #2D8D52;
  --muted: #5F6F7D;
  --white: #FFFFFF;
  --black: #000000;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dark {
  --bg-zero: #121212;
  --bg-first: #232323;
  --bg-second: #323232;
  --bg-third: #424242;
  --bg-fourth: #525252;
  --bg-inverse: #DBDBDB;
  --zero: #FFFFFF;
  --default: #CFCFCF;
  --inverse: #222222;
  --muted: #B4B4B4;
  color-scheme: dark;
}

*,
::before,
::after {
  box-sizing: border-box;
}

html,
body,
#root {
  height: 100%;
}

html,
body {
  background: var(--bg-zero);
  color: var(--default);
  margin: 0;
  min-height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

a {
  color: inherit;
}