/* 静室 · 37-illustrations.css
   插画主题化：把插画颜色接入日夜令牌体系，并适配内联后的尺寸。

   背景：插画原先用 <img src="x.svg"> 引用，img 中的 SVG 是独立文档，
   读不到页面 CSS 变量 —— 夜间模式下深色线条（#1d1d1f）落在深背景上完全不可见。
   改为内联 SVG 后，插画内的 var(--illus-*) 即可跟随主题切换。

   令牌按「日间/夜间」两套定义，值取自原插画配色在夜间背景上的可读版本。 */

/* ===== 日间（默认）===== */
:root {
  --illus-ink: #1d1d1f;          /* 主线 */
  --illus-accent: #0f6f73;       /* 强调（青） */
  --illus-warm: #d8b85c;         /* 暖黄 */
  --illus-warm-deep: #b85a35;    /* 暖褐 */
  --illus-wood: #c88a4a;         /* 木色 */
  --illus-gold: #92701c;         /* 深金 */
  --illus-line-soft: #b8c5ca;    /* 次级线 */
  --illus-wash: #f5f7f8;         /* 极浅灰底 */
  --illus-wash-accent: #eaf6f5;  /* 极浅青底 */
  --illus-wash-accent-2: #f1f8f7;
  --illus-wash-warm: #fff1e8;    /* 极浅暖底 */
  --illus-wash-warm-2: #fde9e1;
}

/* ===== 夜间 ===== */
html[data-theme="night"] {
  --illus-ink: #e6e9e6;          /* 主线反转成浅色，深背景上清晰 */
  --illus-accent: #8dd0cb;       /* 青提亮 */
  --illus-warm: #d8b85c;         /* 暖黄在深底上本就醒目，保持 */
  --illus-warm-deep: #d9967a;
  --illus-wood: #d8a878;
  --illus-gold: #d8b85c;
  --illus-line-soft: #5a6664;    /* 次级线压暗，不抢主线 */
  --illus-wash: #232826;         /* 浅底改成深底，避免出现亮块 */
  --illus-wash-accent: #1e3532;
  --illus-wash-accent-2: #1e3532;
  --illus-wash-warm: #2e2620;
  --illus-wash-warm-2: #2e2620;
}

/* ===== 内联后的尺寸适配 =====
   原先是 <img> 靠 width/height 属性控制，现在由容器 + svg 规则接管。 */
.long-table-hero-art svg,
.long-table-spines-art svg,
.long-table-card-art svg,
.long-table-constellation svg,
.not-found-illustration svg,
.why-rss-art svg {
  display: block;
  width: 100%;
  height: auto;
}

/* 文章页开篇标记：容器已限定尺寸，svg 撑满 */
.essay-opening-mark svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}

/* 登录页台灯：原先 96×96 */
.login-lamp {
  display: block;
  inline-size: 96px;
  block-size: 96px;
  margin: 0 auto var(--space-4);
}
.login-lamp svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}

/* 空 alt 的装饰性插画，交给无障碍属性表达语义（模板里已加 role/aria-label） */
.not-found-illustration,
.why-rss-art,
.login-lamp,
.essay-opening-mark {
  color: inherit;
}
