/**
 * 资源集合前台 — 主题色（CSS 变量）
 *
 * 换整套配色：改下面 :root 里 --rc-accent-* 与 rgb 即可，无需改各业务 CSS。
 * 蓝色示例（取消注释并删掉或覆盖上方 rose 默认值即可）：
 *
 *   --rc-accent-400: #60a5fa;
 *   --rc-accent-500: #3b82f6;
 *   --rc-accent-600: #2563eb;
 *   --rc-accent-700: #1d4ed8;
 *   --rc-accent-rgb: 37, 99, 235;
 *   --rc-accent-light-rgb: 59, 130, 246;
 *
 * 用户自选一种主色：在页面最早执行的脚本里写
 *   localStorage.setItem('rc-accent-hex', '#2563eb');
 * 并确保加载了 rc-theme-runtime.js（theme-init / main / search-page / me-page 已接入），
 * 会推导 400/500/700 与 rgb；也可不设 storage，仅用本文件覆盖变量。
 * 登录用户可在「我的 → 设置」里选预设或自定义主色（同样写入 rc-accent-hex）。
 */

:root {
  --rc-accent-200: #b3c9f5;
  --rc-accent-300: #90b1f0;
  --rc-accent-400: #81a5f3;
  --rc-accent-500: #5585ef;
  --rc-accent-600: #2563eb;
  --rc-accent-700: #1b47a9;

  /* 与 600 / 500 对应，供 rgba(..., α) */
  --rc-accent-rgb: 129, 165, 243;
  --rc-accent-light-rgb: 129, 165, 243;

  /* 侧栏「更多」等小强调，可与主色一致 */
  --rc-accent-link-hover: var(--rc-accent-600);
}

html.dark {
  /* 暗色下链接悬停可略亮，避免发灰 */
  --rc-accent-link-hover: var(--rc-accent-400);
}

/* —— 替代 HTML 里 Tailwind 的 rose 渐变 Logo —— */
.rc-brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-image: linear-gradient(to bottom right, var(--rc-accent-500), var(--rc-accent-700));
  box-shadow: 0 4px 14px rgba(var(--rc-accent-light-rgb), 0.28);
  border-radius: 0.75rem;
}

.rc-brand-logo--img {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.rc-brand-logo__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
  display: block;
}

.rc-brand-logo--round {
  border-radius: 9999px;
}

/* —— 替代 text-rose-* / hover:text-rose-* —— */
.rc-text-accent {
  color: var(--rc-accent-600);
}

html.dark .rc-text-accent {
  color: var(--rc-accent-400);
}

.rc-link-accent {
  transition: color 0.15s ease;
}

.rc-link-accent:hover {
  color: var(--rc-accent-600);
}

html.dark .rc-link-accent:hover {
  color: var(--rc-accent-400);
}

.rc-icon-accent {
  color: var(--rc-accent-500);
}

html.dark .rc-icon-accent {
  color: var(--rc-accent-400);
}