/*!
 * This is an example of a color scheme
 * You can define your color scheme below
 */

[data-theme="customize"] {
  --pico-primary: #017FC0 !important;
  --pico-primary-hover: #02659A !important;
  /* 全局背景（亮米黄，宣纸感，比 #fffbeb 更亮一点） */
  --pico-background-color: #fffaf0 !important;
  --pico-muted-border-color: rgba(0, 0, 0, .1) !important;
  --pico-form-element-border-color: rgba(0, 0, 0, .2) !important;
  --pico-code-background-color: rgba(0, 0, 0, .05) !important;
}

.site-navbar {
  background-color: var(--pico-primary);
}

.site-navbar a,
.site-navbar .nav-toggler-btn {
  color: var(--pico-primary-inverse);
}

.site-navbar .desc {
  color: rgba(255, 255, 255, .5);
}

.site-navbar input[type="search"]:not(:focus) {
  --pico-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

/* 全局底色：亮米黄（宣纸色，你要的那种亮） */
body {
    background-color: #fffaf0 !important;
}

/* 正文区：跟页面同色系，更干净一点，不发暗 */
.container-thin {
    background-color: #fffaf0 !important; /* 和 body 统一，像一张纸 */
    padding: 10px;
}

/* 正文文字：深灰黑，不刺眼、够清晰 */
.entry-content.fmt p {
    color: #2c2c2c !important;
}

/* 标题加深，更稳重 */
.entry-title {
    color: #1a1a1a !important;
}

/* 图文外层容器，用来放头图和标题 */
.post-header-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

/* 封面图铺满宽度 */
.banner-img {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(0.92);
}

/* 标题居中在图片中间 */
.post-header-banner .entry-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    text-align: center;
}

/* 标题链接去掉默认颜色和下划线 */
.post-header-banner .entry-title a {
    color: #fff !important;
    text-decoration: none;
}