@import url('./tailwind');
@import url('./apply');
@import url('./fonts');
@plugin "flowbite-typography";

:root {
  --color-mark: #f59e0b;
  --color-mark-rgb: 245, 158, 11;
  --color-link: #0ea5e9;
  --color-link-rgb: 14, 165, 233;
  --app-font-family:
    'Noto Sans SC', STXihei, '华文细黑', 'Microsoft YaHei', '微软雅黑', 'PingFang SC',
    'Hiragino Sans GB', sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  font-family: var(--app-font-family);
}

#app {
  min-height: 100vh;
  font-family: var(--app-font-family);
}

a {
  transition: color 0.2s ease 0.2s;
}
a:hover {
  color: #f59e0b;
}

svg {
  display: inline-block;
}

.gradient-text {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #f59e0b, #ff4582, #0ea5e9);
  background-clip: text;
  -webkit-background-clip: text;
}

/* Flowbite Modal Backdrop — override opaque bg-gray-900 with a translucent overlay */
[modal-backdrop] {
  background-color: rgba(107, 114, 128, 0.45) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}