/* ===================================================================
   theme.css — 主题 CSS 变量系统
   大同互动平台 日间/夜间/跟随系统 主题切换
   使用 CSS 自定义属性，所有颜色值通过此文件控制
   =================================================================== */

/* ========== Light（日间）主题 ========== */
:root {
  /* 背景 */
  --bg-body: #f6f9fc;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --bg-card-translucent: rgba(255, 255, 255, 0.6);
  --bg-navbar: rgba(255, 255, 255, 0.96);
  --bg-navbar-solid: #ffffff;
  --bg-input: #ffffff;
  --bg-search: #f1f5f9;
  --bg-hero: linear-gradient(120deg, #0f172a, #1e1b2e);
  --bg-code: transparent;
  --bg-choice: #f8fafc;
  --bg-choice-hover: #e2e8f0;
  --bg-explanation: #f0fdf4;
  --bg-duplicate-warning: #fff3cd;
  --bg-preview: #f8fafc;

  /* 文字 */
  --text-primary: #1e2a3e;
  --text-secondary: #5c6f8c;
  --text-muted: #94a3b8;
  --text-nav-link: #334155;
  --text-nav-active: #3b82f6;
  --text-label: #334155;
  --text-link: #1e2a3e;
  --text-link-hover: #3b82f6;
  --text-placeholder: #94a3b8;
  --text-disabled: #94a3b8;
  --text-on-primary: #ffffff;

  /* 主色调 */
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-shadow: rgba(59, 130, 246, 0.2);
  --color-primary-shadow-lg: rgba(59, 130, 246, 0.3);

  /* 边框/分割线 */
  --border-color: #edf2f7;
  --border-input: #cbd5e1;
  --border-navbar: rgba(0, 0, 0, 0.05);
  --border-card: #edf2f7;
  --border-strong: #e2e8f0;
  --border-table: #000000;

  /* 按钮变体 */
  --btn-ghost-color: #475569;
  --btn-ghost-border: #e2e8f0;
  --btn-ghost-hover-bg: #f8fafc;
  --btn-ghost-hover-border: #cbd5e1;
  --btn-soft-bg: #f1f5f9;
  --btn-soft-color: #334155;
  --btn-soft-hover-bg: #e2e8f0;

  /* 点赞 */
  --like-heart-color: #ef4444;
  --like-heart-hover-bg: #fee2e2;
  --like-unliked-text-stroke: #6c757d;
  --like-count-color: #5c6f8c;

  /* 编辑/删除 */
  --edit-color: #3b82f6;
  --edit-hover-bg: #eef2ff;
  --delete-color: #ef4444;
  --delete-hover-bg: #fee2e2;

  /* 角色徽章 */
  --badge-super-admin-bg: #ef4444;
  --badge-super-admin-color: #fff;
  --badge-admin-bg: #3b82f6;
  --badge-admin-color: #fff;
  --badge-mod-bg: #fff3e3;
  --badge-mod-color: #b45309;
  --badge-default-bg: #f1f5f9;
  --badge-default-color: #1e293b;
  --badge-pending-bg: #e2e8f0;
  --badge-pending-color: #475569;

  /* 表单 */
  --form-container-shadow: rgba(0, 0, 0, 0.05);
  --select-trigger-hover: #94a3b8;
  --select-arrow: #64748b;
  --select-dropdown-shadow: rgba(0, 0, 0, 0.08);
  --select-option-hover: #f1f5f9;

  /* 代码高亮背景 */
  --code-bg: transparent;

  /* 移动端底部导航栏 */
  --bottom-nav-bg: rgba(255, 255, 255, 0.96);
  --bottom-nav-border: rgba(0, 0, 0, 0.05);
  --bottom-nav-color: #64748b;
  --bottom-nav-active: #3b82f6;

  /* 其他 */
  --rank-number-color: #94a3b8;
  --rank-score-color: #f59e0b;
  --diff-star-color: #f59e0b;
  --modal-overlay: rgba(0, 0, 0, 0.5);
  --loading-color: #94a3b8;
  --table-header-bg: #f3f4f6;
  --table-header-color: #1e293b;
  --input-focus-border: #3b82f6;
  --avatar-bg: #e2e8f0;
  --avatar-text: #1e293b;

  /* hover */
  --hover-bg: #f1f5f9;
  --tab-bg: #f1f5f9;
  --progress-bar-bg: #f1f5f9;
  --code-inline-bg: #f1f5f9;
  --code-block-bg: #1e293b;
  --code-block-color: #e2e8f0;

  /* 分割线渐变 */
  --hr-gradient: linear-gradient(90deg, #ccc, #333, #ccc);
  --hr-color-start: #ccc;
  --hr-color-mid: #333;
  --hr-color-end: #ccc;

  /* modal */
  --modal-shadow: 0 20px 60px rgba(0,0,0,0.15);

  /* 页眉渐变 */
  --hero-text-color: #ffffff;
  --hero-btn-bg: #ffffff;
  --hero-btn-color: #0f172a;
}

/* ========== Dark（夜间）主题 ========== */
[data-theme="dark"] {
  /* 背景 */
  --bg-body: #0f172a;
  --bg-card: #162032;
  --bg-card-hover: #162032;
  --bg-card-translucent: rgba(22, 32, 50, 0.6);
  --bg-navbar: rgba(15, 23, 42, 0.96);
  --bg-navbar-solid: #0f172a;
  --bg-input: #1e293b;
  --bg-search: #1e293b;
  --bg-hero: linear-gradient(120deg, #1a2a3e, #2a2038);
  --bg-code: transparent;
  --bg-choice: #1e293b;
  --bg-choice-hover: #334155;
  --bg-explanation: #0a1a0e;
  --bg-duplicate-warning: #2a2200;
  --bg-preview: #1e293b;

  /* 文字 */
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-nav-link: #94a3b8;
  --text-nav-active: #60a5fa;
  --text-label: #cbd5e1;
  --text-link: #e2e8f0;
  --text-link-hover: #60a5fa;
  --text-placeholder: #64748b;
  --text-disabled: #475569;
  --text-on-primary: #ffffff;

  /* 主色调（暗蓝） */
  --color-primary: #60a5fa;
  --color-primary-hover: #3b82f6;
  --color-primary-shadow: rgba(96, 165, 250, 0.2);
  --color-primary-shadow-lg: rgba(96, 165, 250, 0.3);

  /* 边框/分割线 */
  --border-color: #334155;
  --border-input: #475569;
  --border-navbar: rgba(255, 255, 255, 0.06);
  --border-card: #334155;
  --border-strong: #475569;
  --border-table: #4a5568;

  /* 按钮变体 */
  --btn-ghost-color: #94a3b8;
  --btn-ghost-border: #475569;
  --btn-ghost-hover-bg: #1e293b;
  --btn-ghost-hover-border: #64748b;
  --btn-soft-bg: #1e293b;
  --btn-soft-color: #cbd5e1;
  --btn-soft-hover-bg: #334155;

  /* 点赞 */
  --like-heart-color: #ef4444;
  --like-heart-hover-bg: #3b1a1a;
  --like-unliked-text-stroke: #64748b;
  --like-count-color: #94a3b8;

  /* 编辑/删除 */
  --edit-color: #60a5fa;
  --edit-hover-bg: #14243d;
  --delete-color: #ef4444;
  --delete-hover-bg: #3b1a1a;

  /* 角色徽章 */
  --badge-super-admin-bg: #dc2626;
  --badge-super-admin-color: #fff;
  --badge-admin-bg: #2563eb;
  --badge-admin-color: #fff;
  --badge-mod-bg: #3a2200;
  --badge-mod-color: #fbbf24;
  --badge-default-bg: #334155;
  --badge-default-color: #e2e8f0;
  --badge-pending-bg: #334155;
  --badge-pending-color: #94a3b8;

  /* 表单 */
  --form-container-shadow: rgba(0, 0, 0, 0.2);
  --select-trigger-hover: #64748b;
  --select-arrow: #94a3b8;
  --select-dropdown-shadow: rgba(0, 0, 0, 0.3);
  --select-option-hover: #334155;

  /* 代码高亮背景 */
  --code-bg: transparent;

  /* 移动端底部导航栏 */
  --bottom-nav-bg: rgba(15, 23, 42, 0.96);
  --bottom-nav-border: rgba(255, 255, 255, 0.06);
  --bottom-nav-color: #64748b;
  --bottom-nav-active: #60a5fa;

  /* 其他 */
  --rank-number-color: #64748b;
  --rank-score-color: #fbbf24;
  --diff-star-color: #fbbf24;
  --modal-overlay: rgba(0, 0, 0, 0.7);
  --loading-color: #64748b;
  --table-header-bg: #334155;
  --table-header-color: #e2e8f0;
  --input-focus-border: #60a5fa;
  --avatar-bg: #334155;
  --avatar-text: #e2e8f0;

  /* hover */
  --hover-bg: #334155;
  --tab-bg: #1e293b;
  --progress-bar-bg: #1e293b;
  --code-inline-bg: #334155;
  --code-block-bg: #0f172a;
  --code-block-color: #e2e8f0;

  /* 分割线渐变 */
  --hr-gradient: linear-gradient(90deg, #334155, #64748b, #334155);
  --hr-color-start: #334155;
  --hr-color-mid: #64748b;
  --hr-color-end: #334155;

  /* modal */
  --modal-shadow: 0 20px 60px rgba(0,0,0,0.5);

  /* 页眉渐变（夜间模式 hero 保持原有深色） */
  --hero-text-color: #ffffff;
  --hero-btn-bg: #ffffff;
  --hero-btn-color: #0f172a;
}