/* ===========================================================================
   lux-theme-c2b59b.css —— 金牛论坛品牌主题层（C2B59B / FFFFFF / ADADAD）
   ---------------------------------------------------------------------------
   加载顺序：... → lux-linear.css → lux-theme-c2b59b.css（本文件最后加载，拥有最终否决权）
   设计语言：扁平化 · 单色线性 · 极细线 · 主色 C2B59B
   - 仅把「强调色」从墨色改为品牌米金 C2B59B；文字仍保持高对比（近黑/近白）。
   - 状态小灯（.lx-lamp）保持彩色，作为全站唯一彩色语义点。
   一键回退：在 layouts/main.php、admin.php 注释掉本文件与 lux-theme.js 两行即可。
   =========================================================================== */

/* —— 1. 令牌覆盖：主色改为 C2B59B —— */
:root {
    --c-accent:        #C2B59B;   /* 品牌主色 */
    --c-accent-dark:   #A9986F;   /* 悬停/按压 */
    --c-accent-soft:   #F3EFE7;   /* 浅色底纹 */
    --c-accent-glow:   transparent;

    --c-mute:          #ADADAD;   /* 次级灰（品牌灰） */
    --c-gray:          #ADADAD;

    /* 能量色全部收为品牌米金（残留引用自动变 C2B59B） */
    --lx-gold:    #C2B59B;
    --lx-gold-2:  #C2B59B;
    --lx-gold-3:  #A9986F;
    --lx-cyan:    #C2B59B;
    --lx-violet:  #C2B59B;
    --lx-crimson: #C2B59B;

    /* 渐变令牌 → 品牌色 */
    --gold-grad:        var(--c-accent);
    --gold-grad-soft:   var(--c-accent-soft);
    --gold-grad-strong: var(--c-accent-dark);

    /* Bootstrap 主色 = 品牌米金 */
    --bs-primary:        #C2B59B;
    --bs-primary-rgb:    194, 181, 155;
    --bs-link-color:     #A9986F;
    --bs-link-hover-color: #8C7E5E;
    --bs-btn-focus-box-shadow: 0 0 0 .18rem rgba(194,181,155,.45);
    --bs-focus-ring-color: rgba(194,181,155,.45);
    --bs-focus-ring-box-shadow: 0 0 0 .18rem rgba(194,181,155,.45);
}

[data-theme="dark"] {
    --c-accent:        #C2B59B;
    --c-accent-dark:   #D8CDB6;
    --c-accent-soft:   #2A2620;
    --c-accent-glow:   transparent;

    --c-mute:          #9A9388;
    --c-gray:          #9A9388;

    --lx-gold:    #C2B59B;
    --lx-gold-2:  #C2B59B;
    --lx-gold-3:  #D8CDB6;
    --lx-cyan:    #C2B59B;
    --lx-violet:  #C2B59B;
    --lx-crimson: #C2B59B;

    --gold-grad:        var(--c-accent);
    --gold-grad-soft:   var(--c-accent-soft);
    --gold-grad-strong: var(--c-accent-dark);

    --bs-primary:        #C2B59B;
    --bs-primary-rgb:    194, 181, 155;
    --bs-link-color:     #D8CDB6;
    --bs-link-hover-color: #C2B59B;
    --bs-btn-focus-box-shadow: 0 0 0 .18rem rgba(194,181,155,.5);
    --bs-focus-ring-color: rgba(194,181,155,.5);
    --bs-focus-ring-box-shadow: 0 0 0 .18rem rgba(194,181,155,.5);
}

/* —— 2. 主按钮：品牌米金实色，扁平无阴影 —— */
.btn-primary,
.btn.btn-primary {
    background: var(--c-accent) !important;
    border-color: var(--c-accent) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active {
    background: var(--c-accent-dark) !important;
    border-color: var(--c-accent-dark) !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn.btn-primary { color: #1B1B1B !important; }
[data-theme="dark"] .btn-primary:hover { color: #1B1B1B !important; }

.btn:focus, .btn:focus-visible { box-shadow: 0 0 0 2px var(--c-accent) !important; }

/* —— 3. 线性图标：默认品牌米金描边（按钮内继承文字色，保证对比） —— */
.lucide,
[disabled] .lucide,
.nav-link svg,
.topic-meta svg,
.reply-actions svg,
.section-head svg,
.sidebar-icon svg,
.stat-icon svg,
.icon-circle svg,
.icon-box svg,
.dropdown-item svg {
    color: var(--c-accent);
}
.btn .lucide,
.btn svg.lucide,
.btn-primary .lucide { color: inherit !important; }

/* —— 4. 细线分隔 / 标题主线 / 进度线：品牌色 —— */
.section-head::before { background: var(--c-accent) !important; }
.lx-navbar-progress { background: var(--c-accent) !important; }
.lx-toast__bar { background: var(--c-accent) !important; }
.lx-progress { background: var(--c-accent) !important; }

/* —— 5. 表单焦点：品牌色细环 —— */
.form-control:focus,
.form-select:focus,
.search-input:focus {
    border-color: var(--c-accent) !important;
    box-shadow: 0 0 0 1px var(--c-accent) !important;
}
.form-check-input:checked { background-color: var(--c-accent); border-color: var(--c-accent); }

/* —— 6. 分页 / 徽章强调态：品牌色 —— */
.pagination .active .page-link {
    background: var(--c-accent) !important;
    border-color: var(--c-accent) !important;
    color: #FFFFFF !important;
}
.pagination .page-link:focus { box-shadow: 0 0 0 2px var(--c-accent) !important; }
.badge-top { color: var(--c-accent) !important; border-color: var(--c-accent) !important; }

/* —— 7. 炫酷出场动画（页面加载时由 lux-theme.js 触发 .lx-enter） —— */
@keyframes lxRise {
    from { transform: translateY(18px) scale(.985); opacity: .35; }
    to   { transform: none; opacity: 1; }
}
.lx-enter .topic-card,
.lx-enter .bbs-card,
.lx-enter .sidebar-card,
.lx-enter .lx-board {
    animation: lxRise .55s cubic-bezier(.22,.61,.36,1) both;
}
.lx-enter .topic-card:nth-child(1) { animation-delay: .05s; }
.lx-enter .topic-card:nth-child(2) { animation-delay: .10s; }
.lx-enter .topic-card:nth-child(3) { animation-delay: .15s; }
.lx-enter .topic-card:nth-child(4) { animation-delay: .20s; }
.lx-enter .topic-card:nth-child(5) { animation-delay: .25s; }
.lx-enter .topic-card:nth-child(6) { animation-delay: .30s; }
.lx-enter .topic-card:nth-child(n+7) { animation-delay: .34s; }

/* 标题/导航轻微下滑入 */
@keyframes lxDrop { from { transform: translateY(-10px); opacity: 0; } to { transform: none; opacity: 1; } }
.lx-enter .lx-nav-shell,
.lx-enter .bbs-navbar,
.lx-enter .page-hero { animation: lxDrop .5s ease both; }

@media (prefers-reduced-motion: reduce) {
    .lx-enter * { animation: none !important; }
}