/* 想象盒子 · kraft 纸盒配色
   覆盖 hugo-theme-venin 的 CSS 变量(亮/暗两套)
   字体与布局沿用 venin 主题本体 */

:root {
  --background-color: #F3E7CE;         /* 纸盒内壁米黄 */
  --bright-background-color: #FBF3E0;  /* 高亮纸面 */
  --block-background-color: #ECDCBA;   /* 块/卡片底 */
  --border-color: #D9C49E;             /* 瓦楞分隔线 */
  --text-color: #46352A;               /* 深棕正文 */
  --secondary-text-color: #8A7250;     /* 弱文字 */
  --link-color: #B45309;               /* 琥珀橙链接 */
}

.dark {
  --background-color: #2B231B;         /* 夜间盒内 */
  --bright-background-color: #3A2F24;
  --block-background-color: #352B20;
  --border-color: #5C4B37;
  --text-color: #E8D8BC;
  --secondary-text-color: #B39B7A;
  --link-color: #D98E3F;
}

/* 深色模式下 logo 不反色(纸盒图本身够亮) */
.dark img.title-image {
  filter: none;
}

/* 主题切换:颜色 0.45s 淡变(背景纹超淡,跳变无感) */
html, body {
  transition: background-color 0.45s ease, color 0.45s ease;
}

/* 顶栏 logo:高锁定,开/合两图同高切换不跳版;裁边后盒子显大 */
header .title-image-container {
  display: inline-flex;
  align-items: center;
}
header img.title-image {
  width: auto;
  height: 3rem;
}
@media screen and (min-width: 768px) {
  header img.title-image {
    height: 4rem;
  }
}

/* ---- 背景织纹:graph-paper 方格纸(替换主题自带的骷髅纹样) ----
   8x8 迷你 SVG 平铺:细线格,颜色同纸色系、低透明度,不抢正文 */
body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0h8v1H0zM0 0v8h1V0z' fill='%238A7250' fill-opacity='0.02'/%3E%3C/svg%3E");
  background-size: 16px;
}

.dark body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0h8v1H0zM0 0v8h1V0z' fill='%23E8D8BC' fill-opacity='0.01'/%3E%3C/svg%3E");
  background-size: 16px;
}