/*
 * Atlas 代码库 皮肤 — 对齐 devatlas (Atlas Observatory) 视觉语言
 * 主色 青色 #0891b2 / 深空导航 #0b1120 / slate 中性灰 / 圆角卡片
 * 仅覆盖 CSS 变量与少量元素润色，随 Gitea 升级不受影响（注入式）。
 */
:root {
  /* —— 主色：cyan-600，完整明暗梯度 —— */
  --color-primary: #0891b2;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #0e7490;
  --color-primary-dark-2: #155e75;
  --color-primary-dark-3: #134e5e;
  --color-primary-dark-4: #103f4c;
  --color-primary-dark-5: #0c303a;
  --color-primary-dark-6: #082128;
  --color-primary-dark-7: #041216;
  --color-primary-light-1: #06b6d4;
  --color-primary-light-2: #22d3ee;
  --color-primary-light-3: #67e8f9;
  --color-primary-light-4: #a5f3fc;
  --color-primary-light-5: #cffafe;
  --color-primary-light-6: #e0fbff;
  --color-primary-light-7: #ecfeff;
  --color-primary-alpha-10: #0891b21a;
  --color-primary-alpha-20: #0891b233;
  --color-primary-alpha-30: #0891b24d;
  --color-primary-alpha-40: #0891b266;
  --color-primary-alpha-50: #0891b280;
  --color-primary-alpha-60: #0891b299;
  --color-primary-alpha-70: #0891b2b3;
  --color-primary-alpha-80: #0891b2cc;
  --color-primary-alpha-90: #0891b2e6;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);

  /* —— 强调色（teal）—— */
  --color-accent: #14b8a6;

  /* —— 页面与卡片质感（浅色 slate）—— */
  --color-body: #f1f5f9;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #f8fafc;
  --color-box-header: #f8fafc;
  --color-shadow: rgba(15, 23, 42, 0.08);

  /* —— 文本（slate-900 / 600）—— */
  --color-text: #0f172a;
  --color-text-dark: #020617;
  --color-text-light: #334155;
  --color-text-light-1: #475569;
  --color-text-light-2: #64748b;
  --color-text-light-3: #94a3b8;

  /* —— 边框：slate-200 —— */
  --color-secondary: #e2e8f0;
  --color-secondary-dark-1: #d4dbe4;
  --color-secondary-dark-2: #cbd5e1;
  --color-secondary-light-1: #eef2f6;
  --color-secondary-light-2: #f1f5f9;
  --color-border: #e2e8f0;
  --color-light-border: rgba(226, 232, 240, 0.7);

  /* —— 导航条：深空侧栏色（devatlas 标志性记忆点）—— */
  --color-nav-bg: #0b1120;
  --color-nav-hover-bg: #1e293b;
  --color-nav-text: #cbd5e1;

  /* —— 圆角：贴近 devatlas 的 0.5~1rem —— */
  --border-radius: 0.5rem;
  --border-radius-medium: 0.625rem;
  --border-radius-large: 0.75rem;
}

/* 深空导航条下，品牌与图标用浅色，悬停高亮 */
.full.height > .following.bar.light,
#navbar {
  border-bottom: none;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.35);
}
#navbar .item,
#navbar .brand .item {
  color: var(--color-nav-text);
}
#navbar .item:hover,
#navbar .active.item {
  color: #ffffff !important;
  background: var(--color-nav-hover-bg) !important;
}

/* 卡片/区块：圆角 + 柔和投影，呼应 atlas-card */
.ui.segment,
.ui.card,
.ui.attached.segment,
.repository .ui.segment,
.ui.repo-description,
.flex-item,
.issue.list-header,
.ui.attached.header {
  box-shadow: 0 1px 2px var(--color-shadow);
}
.ui.segment,
.ui.card,
.ui.attached.table,
.ui.attached.segment {
  border-radius: var(--border-radius-medium);
}

/* 主按钮：青色 + 悬停加深 + 轻微抬起 */
.ui.primary.button,
.ui.primary.buttons .button {
  background: var(--color-primary);
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: var(--color-primary-hover);
  box-shadow: 0 2px 8px var(--color-primary-alpha-30);
}
.ui.primary.button:active {
  transform: scale(0.985);
}

/* 链接与激活态贴近 devatlas link */
a {
  transition: color 0.15s ease;
}

/* 输入框聚焦：青色描边 + 光圈 */
.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.selection.dropdown:focus,
input:focus,
textarea:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px var(--color-primary-alpha-20) !important;
}

/* 标签页选中条用主色 */
.ui.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item {
  border-color: var(--color-primary);
  color: var(--color-primary);
}