@use './mixins.scss' as *;

/**
 * 全局 CSS 容器查询回退
 *
 * 这些根级别变量为不支持容器查询的浏览器提供默认的视口单位。
 * 设置了 container-type 的组件会在支持时覆盖这些值为容器单位（cqw/cqh）。
 */
:root {
  --cq-inline-100: 100vw;
  --cq-block-100: 100vh;

  /* 3D 态势感知颜色变量 */
  --primary-color: rgba(28, 161, 255, 1);
  --primary-light: rgba(28, 161, 255, 0.44);
  --primary-lighter: rgba(28, 161, 255, 0.2);

  --bg-dark: rgba(9, 22, 40, 1);
  --bg-panel: rgba(20, 53, 118, 1);

  --text-white: rgba(255, 255, 255, 1);
  --text-gray: rgba(179, 204, 226, 1);

  --success-color: rgba(17, 187, 119, 1);
  --warning-color: rgba(255, 128, 11, 1);
  --danger-color: rgba(255, 6, 36, 1);

  --border-color: rgba(28, 161, 255, 0.3);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  width: 100%;
  height: 100vh;
}
