/* ==========================================================================
   亮色主题
   同名覆盖 token，组件无需感知主题。
   强调色刻意压暗：霓虹色直接放在白底上对比度不足，读不清。
   ========================================================================== */

html[data-theme="light"] {
  /* 暖白纸感。原来是冷白（#f4f6ff 那一系），
     和暗色主题一样，冷底会把暖色压下去。 */
  --bg-0: #faf6f1;
  --bg-1: #fffdfa;
  --bg-2: #f4ebE1;
  --bg-3: #eadfd2;

  --glass-bg: rgba(255, 253, 250, 0.72);
  --glass-bg-strong: rgba(255, 253, 250, 0.92);
  --glass-border: rgba(60, 40, 25, 0.12);
  --glass-highlight: rgba(255, 255, 255, 0.75);

  --text-0: #0b1020;
  --text-1: #3a4363;
  --text-2: #6c7799;
  --text-inverse: #ffffff;

  /* 压暗后的暖色，保证在暖白底上的对比度 */
  --neon-pink: #c0475a;
  --neon-cyan: #b56a1f;
  --neon-violet: #a8552c;
  --neon-lime: #6f7030;
  --neon-amber: #a87a12;

  --ok: #4f7a3e;
  --warn: #a87a12;
  --danger: #b33934;
  --info: #a8552c;

  --grad-primary: linear-gradient(135deg, #d9971a 0%, #c9762f 48%, #c0475a 100%);
  --grad-cta: linear-gradient(135deg, #c9762f 0%, #c0475a 100%);
  --grad-warm: linear-gradient(135deg, #d9971a 0%, #c0475a 100%);
  --grad-cool: linear-gradient(135deg, #6f7030 0%, #c9762f 100%);
  --grad-border: linear-gradient(135deg,
    rgba(217, 151, 26, 0.55), rgba(168, 85, 44, 0.45), rgba(192, 71, 90, 0.55));

  /* 亮底上辉光要收着，否则显脏 */
  --glow-pink: 0 0 10px rgba(192, 71, 90, 0.28);
  --glow-cyan: 0 0 10px rgba(181, 106, 31, 0.26);
  --glow-violet: 0 0 10px rgba(168, 85, 44, 0.28);
  --glow-soft: 0 0 20px rgba(168, 85, 44, 0.18);
  --glow-lift: 0 12px 32px rgba(10, 15, 40, 0.14);

  --shadow-sm: 0 1px 2px rgba(10, 15, 40, 0.08);
  --shadow-md: 0 8px 24px rgba(10, 15, 40, 0.10);
  --shadow-lg: 0 16px 48px rgba(10, 15, 40, 0.14);
}

/* 亮色下背景光斑的强度在 effects.css 里按 .aurora 逐个调低 */

/* 主题切换时给全局一点过渡，避免闪白 */
html[data-theme] {
  transition: background-color var(--dur) var(--ease-out);
}
html[data-theme] body {
  transition: color var(--dur) var(--ease-out);
}