/* Blitzball Brand Theme - Purple & Gold from Logo */
:root {
  /* 主色调 - 深紫色 (来自 logo) */
  --semi-color-primary: #5A1AC7 !important;
  --semi-color-primary-hover: #4815A5 !important;
  --semi-color-primary-active: #3A1183 !important;
  --semi-color-primary-disabled: rgba(90, 26, 199, 0.35) !important;

  /* 主色调浅色背景 */
  --semi-color-primary-light-default: rgba(90, 26, 199, 0.08) !important;
  --semi-color-primary-light-hover: rgba(90, 26, 199, 0.12) !important;
  --semi-color-primary-light-active: rgba(90, 26, 199, 0.16) !important;

  /* 金色强调 */
  --blitzball-gold: #E0A020;
  --blitzball-gold-hover: #C88A15;
}

/* 主要按钮 - 紫色背景白字 */
.semi-button-primary {
  background-color: #5A1AC7 !important;
  border-color: #5A1AC7 !important;
  color: white !important;
}

.semi-button-primary:hover:not(:disabled) {
  background-color: #4815A5 !important;
  border-color: #4815A5 !important;
}

.semi-button-primary:active:not(:disabled) {
  background-color: #3A1183 !important;
  border-color: #3A1183 !important;
}

/* 次要按钮 / 未选中按钮 - 浅灰背景紫字 */
.semi-button-secondary,
.semi-button-tertiary,
.semi-button-light {
  background-color: #F3F4F6 !important;
  border-color: #E5E7EB !important;
  color: #5A1AC7 !important;
}

.semi-button-secondary:hover:not(:disabled),
.semi-button-tertiary:hover:not(:disabled),
.semi-button-light:hover:not(:disabled) {
  background-color: #E5E7EB !important;
  border-color: #D1D5DB !important;
  color: #4815A5 !important;
}

/* 标签页 - 未选中灰字,选中紫色 */
.semi-tabs-tab {
  color: #6B7280 !important;
}

.semi-tabs-tab:hover {
  color: #5A1AC7 !important;
}

.semi-tabs-tab-active {
  color: #5A1AC7 !important;
  font-weight: 600;
}

.semi-tabs-bar-line {
  background-color: #5A1AC7 !important;
}

/* 筛选器按钮组 - 未选中浅灰背景紫字 */
.semi-tag,
.semi-tag-light {
  background-color: #F3F4F6 !important;
  border-color: #E5E7EB !important;
  color: #5A1AC7 !important;
}

.semi-tag:hover {
  background-color: #E5E7EB !important;
  color: #4815A5 !important;
}

/* 选中的 Tag - 紫色背景白字 */
.semi-tag-solid {
  background-color: #5A1AC7 !important;
  color: white !important;
}

/* 链接颜色 - 紫色 */
a.semi-link,
.semi-typography-link {
  color: #5A1AC7 !important;
}

a.semi-link:hover,
.semi-typography-link:hover {
  color: #4815A5 !important;
}

/* 选中状态 - Checkbox, Radio */
.semi-checkbox-checked .semi-checkbox-inner,
.semi-radio-checked .semi-radio-inner {
  background-color: #5A1AC7 !important;
  border-color: #5A1AC7 !important;
}

/* Switch 开关 */
.semi-switch-checked {
  background-color: #5A1AC7 !important;
}

/* 表格选中行 - 浅紫背景 */
.semi-table-row-selected {
  background-color: rgba(90, 26, 199, 0.08) !important;
}

/* 下拉菜单选中项 - 浅紫背景紫字 */
.semi-dropdown-item-selected,
.semi-select-option-selected {
  background-color: rgba(90, 26, 199, 0.1) !important;
  color: #5A1AC7 !important;
}

/* 金色强调元素 (可用于特殊按钮/徽章) */
.blitzball-accent {
  color: #E0A020 !important;
}

.blitzball-accent-bg {
  background-color: #E0A020 !important;
  color: white !important;
}



/* ===== 强化覆盖:semi-ui 全局主色(亮+暗) ===== */
body, body[theme-mode="dark"], :root {
  --semi-color-primary: #5A1AC7 !important;
  --semi-color-primary-hover: #4815A5 !important;
  --semi-color-primary-active: #3A1183 !important;
  --semi-color-link: #5A1AC7 !important;
  --semi-color-focus-border: #5A1AC7 !important;
}

/* 主色文字/图标/边框通用覆盖 */
.semi-button-primary,
.semi-tabs-tab-active,
.semi-navigation-item-selected,
.semi-pagination-item-active {
  --semi-color-primary: #5A1AC7 !important;
}

/* 导航栏选中项 */
.semi-navigation-item-selected {
  background-color: rgba(90, 26, 199, 0.08) !important;
  color: #5A1AC7 !important;
}

.semi-navigation-item-selected .semi-navigation-item-text,
.semi-navigation-item-selected .semi-navigation-item-icon {
  color: #5A1AC7 !important;
}

/* 分页器当前页 */
.semi-page-item-active {
  background-color: #5A1AC7 !important;
  border-color: #5A1AC7 !important;
  color: white !important;
}

/* Input/Select 获得焦点边框 */
.semi-input-wrapper:focus-within,
.semi-select:focus-within,
.semi-input-textarea-wrapper:focus-within {
  border-color: #5A1AC7 !important;
}

/* Spin/加载指示器 */
.semi-spin-wrapper .semi-spin-dot {
  background-color: #5A1AC7 !important;
}

/* 进度条 */
.semi-progress-line-bar {
  background-color: #5A1AC7 !important;
}

/* ===== 根源覆盖:semi-ui 的蓝色色阶 (--semi-blue-N) =====
   semi-ui 把主色/链接/焦点边框/info 等几十个变量都派生自 --semi-blue-5
   (rgba(var(--semi-blue-5), 1))。直接覆盖蓝色色阶的 RGB 通道,
   即可让所有派生颜色一次性变成 Blitzball 紫色 (#5A1AC7 = 90,26,199)。
   注意:这里是 "R,G,B" 三个通道数字,不是 hex。 */
body,
body[theme-mode='dark'],
:root {
  --semi-blue-0: 237, 230, 250 !important;
  --semi-blue-1: 214, 199, 244 !important;
  --semi-blue-2: 190, 168, 238 !important;
  --semi-blue-3: 158, 124, 228 !important;
  --semi-blue-4: 124, 79, 216 !important;
  --semi-blue-5: 90, 26, 199 !important; /* #5A1AC7 主色 */
  --semi-blue-6: 72, 21, 165 !important; /* #4815A5 hover */
  --semi-blue-7: 58, 17, 131 !important; /* #3A1183 active */
  --semi-blue-8: 44, 13, 99 !important;
  --semi-blue-9: 30, 9, 66 !important;
}