/* ============================================================
   theme.css — 旺特音响深色/亮色双主题变量定义
   ============================================================ */

/* ---------- 默认：深色主题（当前站点效果） ---------- */
:root,
[data-theme="dark"] {
  /* —— 背景色系 ——— */
  --bg-body:        #08090d;
  --bg-section:     #0a0b10;
  --bg-header-scroll:#08090d;
  --bg-card:        rgba(255,255,255,.02);
  --bg-card-hover:  rgba(0,212,255,.02);
  --bg-input:       rgba(255,255,255,.03);
  --bg-overlay:     rgba(8,9,13,.97);

  /* —— 文字色系 ——— */
  --text-primary:   #fff;
  --text-secondary: rgba(255,255,255,.5);
  --text-tertiary: rgba(255,255,255,.35);
  --text-muted:     rgba(255,255,255,.2);
  --text-placeholder:#888;

  /* —— 边框色系 ——— */
  --border-default:  rgba(255,255,255,.05);
  --border-hover:   rgba(0,212,255,.25);
  --border-input:   rgba(255,255,255,.08);
  --border-focus:   #00d4ff;

  /* —— 强调色 ——— */
  --accent:         #00d4ff;
  --accent-alt:     #7c3aed;
  --accent-gradient: linear-gradient(135deg,#00d4ff,#7c3aed);
  --accent-bg-subtle:rgba(0,212,255,.04);
  --accent-bg-hover: rgba(0,212,255,.06);
  --accent-bg-active:rgba(0,212,255,.1);
  --accent-shadow:  rgba(0,212,255,.35);
  --accent-shadow-subtle:rgba(0,212,255,.3);

  /* —— 滚动条 ——— */
  --scrollbar-track: #0a0b10;
  --scrollbar-thumb: rgba(0,212,255,.25);

  /* —— 选择高亮 ——— */
  --selection-bg:   rgba(0,212,255,.3);
  --selection-text:  #fff;

  /* —— 卡片/表面特殊 ——— */
  --card-img-bg:    linear-gradient(135deg,#0d1117,#111520);
  --card-overlay:   linear-gradient(180deg,transparent,rgba(0,212,255,.08));
  --news-feat-bg:  linear-gradient(180deg,transparent,rgba(0,0,0,.85));
  --tech-grid-color:rgba(0,212,255,.03);
  --hero-glow:      radial-gradient(ellipse at 30% 50%,rgba(0,212,255,.06) 0%,transparent 60%),
                   radial-gradient(ellipse at 70% 50%,rgba(124,58,237,.06) 0%,transparent 60%);

  /* —— 表单元素 ——— */
  --input-bg:       rgba(255,255,255,.03);
  --input-border:   rgba(255,255,255,.08);
  --select-bg:      #111;
  --select-text:    #fff;

  /* —— 底部 ——— */
  --footer-bg:      #06070a;
  --footer-border:  rgba(255,255,255,.04);

  /* —— 按钮 ——— */
  --btn-primary-bg: linear-gradient(135deg,#00d4ff,#0098db);
  --btn-primary-text:#000;

  /* —— 微妙边框/背景（多处复用）——— */
  --border-subtle:  rgba(255,255,255,.06);
  --border-subtle2: rgba(255,255,255,.05);
  --card-bg-subtle: rgba(255,255,255,.015);
  --text-accent:    #00d4ff;
}

/* ---------- 亮色主题 ---------- */
[data-theme="light"] {
  --bg-body:        #f4f6f9;
  --bg-section:     #ffffff;
  --bg-header-scroll:rgba(255,255,255,.92);
  --bg-card:        rgba(0,0,0,.02);
  --bg-card-hover:  rgba(0,123,194,.02);
  --bg-input:       rgba(0,0,0,.03);
  --bg-overlay:     rgba(244,246,249,.97);

  --text-primary:   #0f172a;
  --text-secondary: rgba(15,23,42,.55);
  --text-tertiary: rgba(15,23,42,.35);
  --text-muted:     rgba(15,23,42,.2);
  --text-placeholder:#888;

  --border-default:  rgba(15,23,42,.08);
  --border-hover:   rgba(2,132,199,.3);
  --border-input:   rgba(15,23,42,.12);
  --border-focus:   #0284c7;

  --accent:         #0284c7;
  --accent-alt:     #7c3aed;
  --accent-gradient: linear-gradient(135deg,#0284c7,#7c3aed);
  --accent-bg-subtle:rgba(2,132,199,.04);
  --accent-bg-hover: rgba(2,132,199,.06);
  --accent-bg-active:rgba(2,132,199,.1);
  --accent-shadow:  rgba(2,132,199,.3);
  --accent-shadow-subtle:rgba(2,132,199,.25);

  --scrollbar-track: #e8ecf1;
  --scrollbar-thumb: rgba(2,132,199,.3);

  --selection-bg:   rgba(2,132,199,.25);
  --selection-text: #0f172a;

  --card-img-bg:    linear-gradient(135deg,#e8ecf1,#d1d8e0);
  --card-overlay:   linear-gradient(180deg,transparent,rgba(2,132,199,.08));
  --news-feat-bg:  linear-gradient(180deg,transparent,rgba(0,0,0,.75));
  --tech-grid-color:rgba(2,132,199,.06);
  --hero-glow:      radial-gradient(ellipse at 30% 50%,rgba(2,132,199,.05) 0%,transparent 60%),
                   radial-gradient(ellipse at 70% 50%,rgba(124,58,237,.05) 0%,transparent 60%);

  --input-bg:       rgba(0,0,0,.03);
  --input-border:   rgba(15,23,42,.12);
  --select-bg:      #fff;
  --select-text:    #0f172a;

  --footer-bg:      #e9ecf2;
  --footer-border:  rgba(15,23,42,.08);

  --btn-primary-bg: linear-gradient(135deg,#0284c7,#7c3aed);
  --btn-primary-text:#fff;

  --border-subtle:  rgba(15,23,42,.06);
  --border-subtle2: rgba(15,23,42,.05);
  --card-bg-subtle: rgba(0,0,0,.015);
  --text-accent:    #0284c7;
}