/* =============================================
   theme-light.css — 浅色主题（素雅纸白版）
   暖纸白底 + 雾蓝主调，全色降饱和，与深色版同源
   设计取向：克制 · 柔和 · 高留白
   ============================================= */

[data-theme="light"] {
  /* ---------- 背景色（纯白清新，抛弃灰蒙蒙） ---------- */
  --bg-primary: #ffffff;                  /* 主底：纯白 */
  --bg-secondary: #f7f7f5;                  /* 次级：极浅灰蓝 */
  --bg-tertiary: #f0f0f0;                  /* 三级：浅灰蓝 */
  --bg-card: #ffffff;                  /* 卡片表面：纯白 */
  --bg-card-hover: #f9f9f8;
  --bg-card-active:    #f1f5f9;
  --bg-input:          #ffffff;
  --bg-input-focus:    #ffffff;
  --bg-overlay:        rgba(15, 23, 42, 0.4);
  --bg-badge:          rgba(59, 130, 246, 0.1);
  --bg-tag:            rgba(100, 116, 139, 0.08);
  --bg-hover:          rgba(59, 130, 246, 0.05);

  /* ---------- 边框（极简干净的浅色边框） ---------- */
  --border-color: #eaeaeb;                  /* 极淡灰白边框 */
  --border-hover: #d3d3d3;
  --border-strong:     #cbd5e1;
  --border-subtle:     #f8fafc;
  --border-input:      #e2e8f0;
  --border-input-focus: #3b82f6;

  /* ---------- 文字（深墨色，保证浅底上的高对比可读性） ---------- */
  --text-primary: #37352f;   /* 主文字：对比 ~13:1 */
  --text-secondary: #787774;   /* 次级文字：对比 ~7:1 */
  --text-muted:        oklch(50% 0.012 250);   /* 辅助文字：对比 ~4.5:1 */
  --text-disabled:     oklch(66% 0.008 250);
  --text-inverse:      oklch(98% 0.003 250);
  --text-link:         oklch(46% 0.10 245);
  --text-link-hover:   oklch(38% 0.11 245);

  /* ---------- 强调色（Notion极简黑白灰） ---------- */
  --accent-blue:       #37352f;
  --accent-blue-rgb:   55, 53, 47;
  --accent-purple:     #37352f;
  --accent-purple-rgb: 55, 53, 47;
  --accent-green:      #0f7b6c;
  --accent-green-rgb:  15, 123, 108;
  --accent-amber:      #d9730d;
  --accent-amber-rgb:  217, 115, 13;
  --accent-red:        #eb5757;
  --accent-red-rgb:    235, 87, 87;
  --accent-gold:       #d9730d;
  --accent-gold-rgb:   217, 115, 13;
  --accent-cyan:       #0f7b6c;
  --accent-cyan-rgb:   15, 123, 108;
  --accent-pink:       #eb5757;
  --accent-pink-rgb:   235, 87, 87;

  /* ---------- 等级颜色 L1-L6（低饱和，亮度 53%→45% 渐降） ---------- */
  --level-1: #eb5757;
  --level-1-bg: rgba(235, 87, 87, 0.1);
  --level-2: #d9730d;
  --level-2-bg: rgba(217, 115, 13, 0.1);
  --level-3: #0f7b6c;
  --level-3-bg: rgba(15, 123, 108, 0.1);
  --level-4: #2eaadc;
  --level-4-bg: rgba(46, 170, 220, 0.1);
  --level-5: #5a5a5a;
  --level-5-bg: rgba(90, 90, 90, 0.1);
  --level-6: #9b9a97;
  --level-6-bg: rgba(155, 154, 151, 0.1);

  /* ---------- 优先级颜色 ---------- */
  --priority-p0:       #eb5757;
  --priority-p0-bg:    rgba(235, 87, 87, 0.1);
  --priority-p1:       #d9730d;
  --priority-p1-bg:    rgba(217, 115, 13, 0.1);
  --priority-p2:       #0f7b6c;
  --priority-p2-bg:    rgba(15, 123, 108, 0.1);
  --priority-p3:       #787774;
  --priority-p3-bg:    rgba(120, 119, 116, 0.1);

  /* ---------- 莫兰迪家族色 1-8（参数分支高亮，浅柔低饱和） ---------- */
  --morandi-family-1:  oklch(56% 0.06 350);   /* 暮粉 */
  --morandi-family-2:  oklch(58% 0.06 40);    /* 赤陶 */
  --morandi-family-3:  oklch(60% 0.045 80);   /* 燕麦 */
  --morandi-family-4:  oklch(56% 0.05 140);   /* 鼠尾草绿 */
  --morandi-family-5:  oklch(52% 0.06 230);   /* 雾蓝 */
  --morandi-family-6:  oklch(52% 0.06 300);   /* 灰紫 */
  --morandi-family-7:  oklch(54% 0.05 195);   /* 雾青 */
  --morandi-family-8:  oklch(55% 0.05 25);    /* 暖灰陶 */

  /* ---------- 渐变（全部拍平为纯色） ---------- */
  --gradient-main:     #37352f;
  --gradient-main-hover: #5a5a5a;
  --gradient-green:    #0f7b6c;
  --gradient-warm:     #d9730d;
  --gradient-purple:   #37352f;
  --gradient-text:     #37352f;
  --gradient-header:   #ffffff;

  /* ---------- 文本高亮（重点强调色 · 淡黄荧光笔） ---------- */
  --highlight-bg:      #fef08a;
  --highlight-bg-end:  #fde68a;

  /* ---------- 阴影（克制，极其微弱，像白纸在白桌面上） ---------- */
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg:         0 12px 32px rgba(0,0,0, 0.04);
  --shadow-glow:       0 0 0 1px rgba(0,0,0, 0.03);
  --shadow-glow-blue:  0 0 0 1px rgba(0,0,0, 0.03);
  --shadow-glow-green: 0 0 0 1px rgba(0,0,0, 0.03);
  --shadow-card: 0 0 0 1px #eaeaeb;
  --shadow-dropdown:   0 12px 32px rgba(0,0,0, 0.06), 0 0 0 1px rgba(0,0,0, 0.03);

  /* ---------- 毛玻璃 ---------- */
  --backdrop-blur:     blur(10px);
  --backdrop-blur-sm:  blur(5px);
  --backdrop-blur-lg:  blur(16px);

  /* ---------- 背景装饰光晕（极淡） ---------- */
  --bg-glow-1: radial-gradient(
    ellipse 60% 50% at 12% 14%,
    oklch(50% 0.07 245 / 0.028) 0%,
    transparent 60%
  );
  --bg-glow-2: radial-gradient(
    ellipse 50% 40% at 88% 86%,
    oklch(48% 0.07 290 / 0.024) 0%,
    transparent 60%
  );
  --bg-glow-3: radial-gradient(
    ellipse 40% 30% at 50% 100%,
    oklch(50% 0.07 155 / 0.018) 0%,
    transparent 50%
  );

  /* ---------- 滚动条 ---------- */
  --scrollbar-track:   transparent;
  --scrollbar-thumb:   oklch(70% 0.006 250 / 0.60);
  --scrollbar-thumb-hover: oklch(52% 0.04 245 / 0.45);

  /* ---------- 选中文本 ---------- */
  --selection-bg:      oklch(50% 0.07 245 / 0.16);
  --selection-color:   oklch(26% 0.008 250);

  /* ---------- 输入框占位符 ---------- */
  --placeholder-color: oklch(62% 0.007 250);

  /* ---------- 特殊叠加层 ---------- */
  --overlay-scrim:     oklch(20% 0.006 250 / 0.16);
  --mask-fade-bottom:  linear-gradient(to bottom, oklch(97.5% 0.003 250) 60%, transparent 100%);
}