@import 'nprogress/nprogress.css';

:root {
  --omni-color-primary: #0b5cff;
  --omni-color-primary-soft: #eaf1ff;
  --omni-color-ai: #7c5cff;
  --omni-color-bg: #ffffff;
  --omni-color-surface: #f7f8fa;
  --omni-color-border: #e3e7ed;
  --omni-color-text: #101828;
  --omni-color-text-2: #667085;
  --omni-color-success: #12b76a;
  --omni-color-warning: #f79009;
  --omni-color-error: #f04438;
  --omni-radius-button: 12px;
  --omni-radius-card: 16px;
  --omni-radius-modal: 20px;
  --omni-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  --omni-font-family: Inter, 'Noto Sans SC', 'Noto Sans Arabic', 'Noto Sans JP',
    'Noto Sans KR', sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
  font-family: var(--omni-font-family);
  background-color: var(--omni-color-surface, var(--color-bg-1));
}

.chart-wrapper {
  .bizcharts-tooltip {
    background: var(--omni-color-bg) !important;
    border: 1px solid var(--omni-color-border) !important;
    border-radius: 12px;
    box-shadow: var(--omni-shadow) !important;
    padding: 8px !important;
    width: 180px !important;
    opacity: 1 !important;
  }
}