/*自己定义主题的css样式开始*/
$--colors: (
        'primary': (
                'base': #16baaa
        ),
        'success': (
                'base': #16b777
        ),
        'warning': (
                'base': #FFB800
        ),
        'danger': (
                'base': #FF5722
        ),
        'error': (
                'base': #f56c6c
        ),
        'info': (
                'base': #909399
        ),
);

@forward "element-plus/theme-chalk/src/common/var.scss" with
(
$colors: $--colors
);
@use "element-plus/theme-chalk/src/index.scss" as *;
/*自己定义主题的css样式结束*/
:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

* {
  padding: 0;
  margin: 0;
  outline: none !important;
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
}

a {
  text-decoration: none
}

html,
body,
#app {
  padding: 0;
  margin: 0;
  background: #fff;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}

.app-container {
  box-sizing: border-box;
}

.table-con {
  margin-top: 10px;
}

.green-button {
  background: #16baaa;
  border: none;
  color: #fff;
}
.table-con{
  width: 100%;
  overflow-x: auto;
}