/*
 * 旧时光俱乐部 —— 皮肤站「白天」模式
 *
 * 为什么需要单独这一份
 * --------------------------------------------------------------------------
 * 站点自带的深色模式只有 AdminLTE 那 4400 多条 .dark-mode 规则在响应，
 * 而本站的外观几乎全部由 oldtimes-skin.css 决定 —— 那份样式里**一条 .dark-mode
 * 都没有**。于是两套模式长得一模一样，顶栏那个月亮/太阳点了「没反应」：
 * 按钮其实一直在工作，是配色没跟着翻。
 *
 * 做法
 * --------------------------------------------------------------------------
 * 不另写一套浅色主题，只把「深色工作台那一层」翻成暖亚麻：
 *   台面 / 顶栏 / 侧栏 / 页脚 / 落在桌面上的标题 翻转，
 *   纸（--otm-paper）与墨（--otm-ink）**不动** —— 白天黑夜都是同一张纸。
 * 桌面上的字与链接从亮绿换成深绿，否则浅底上读不出来。
 *
 * 选择器一律写成 body:not(.dark-mode) 开头：比原规则多一层 :not，
 * 再配合 !important（原文件就是通篇 !important），才压得住 oldtimes-skin.css。
 *
 * 登录页（body.login-page）不参与切换
 * --------------------------------------------------------------------------
 * 它自成一页深色设计，而且那个 body 上根本没有 dark-mode 类 ——
 * 写进来会被这份样式误伤（永远变成白天），所以相关规则一律排除 .login-page。
 *
 * 加载顺序：bootstrap.php 里排在 oldtimes-skin.css 之后。
 */

/* ==========================================================================
   1 白天的桌面令牌
   ========================================================================== */
body:not(.dark-mode):not(.login-page) {
  --otm-day-desk: #e8dfd0;
  --otm-day-desk-line: rgba(87, 70, 50, .05);
  --otm-day-bar: #cdbb9f;
  --otm-day-bar-top: #dbcaae;
  --otm-day-bar-bottom: #c3ac89;
  --otm-day-line: rgba(120, 100, 74, .45);
  --otm-day-on-desk: #3f3524;
  --otm-day-on-desk-soft: rgba(63, 53, 36, .72);
  --otm-day-sidebar: #dcd0ba;
  --otm-day-sidebar-top: #e4dac6;
  --otm-day-sidebar-bottom: #d0c1a5;
  --otm-day-link: #3c8527;
  --otm-day-link-hover: #2f6b1c;
  --otm-day-chip: rgba(255, 252, 246, .55);
  --otm-day-chip-hover: rgba(108, 195, 73, .3);
}

/* ==========================================================================
   2 台面：深色工作台 → 暖亚麻 + 细格线
   ========================================================================== */
body:not(.dark-mode):not(.login-page),
body:not(.dark-mode) #footer-wrap,
body:not(.dark-mode) #copyright,
body:not(.dark-mode) #copyright.with-intro,
body:not(.dark-mode) #copyright.without-intro {
  background-color: var(--otm-day-desk) !important;
  background-image:
    linear-gradient(90deg, var(--otm-day-desk-line) 1px, transparent 1px),
    linear-gradient(180deg, var(--otm-day-desk-line) 1px, transparent 1px) !important;
  background-size: 28px 28px, 28px 28px !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  color: var(--otm-day-on-desk) !important;
}

/* ==========================================================================
   3 顶栏：浅木/牛皮纸
   ========================================================================== */
body:not(.dark-mode) .main-header.navbar,
body:not(.dark-mode) .main-header,
body:not(.dark-mode) .hp-wrapper .navbar,
body:not(.dark-mode) > nav.navbar {
  background-color: var(--otm-day-bar) !important;
  background-image: linear-gradient(180deg, var(--otm-day-bar-top), var(--otm-day-bar-bottom)) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--otm-day-line) !important;
  box-shadow: 0 6px 18px -8px rgba(90, 74, 58, .45) !important;
}

/* 顶栏里的字：深色，去掉原来那句压黑阴影（浅底上会发糊） */
body:not(.dark-mode) .main-header.navbar,
body:not(.dark-mode) .main-header.navbar .nav-link,
body:not(.dark-mode) .main-header.navbar .navbar-brand,
body:not(.dark-mode) .main-header.navbar .navbar-nav .nav-link,
body:not(.dark-mode) .main-header .nav-link,
body:not(.dark-mode) .main-header .navbar-brand,
body:not(.dark-mode) .main-header .sidebar-toggle,
body:not(.dark-mode) .main-header .nav-link[data-widget="pushmenu"],
body:not(.dark-mode) .hp-wrapper .navbar .nav-link,
body:not(.dark-mode) .hp-wrapper .navbar .navbar-brand,
body:not(.dark-mode) > nav.navbar .nav-link,
body:not(.dark-mode) > nav.navbar .navbar-brand {
  color: var(--otm-day-on-desk) !important;
  text-shadow: none !important;
}

/* 顶栏那排小按钮：由「深底凸起」翻成「浅底凸起」 */
body:not(.dark-mode) .main-header.navbar .nav-link,
body:not(.dark-mode) .main-header.navbar li[data-notifications],
body:not(.dark-mode) .main-header .sidebar-toggle,
body:not(.dark-mode) .main-header .nav-link[data-widget="pushmenu"],
body:not(.dark-mode) .hp-wrapper .navbar .nav-link,
body:not(.dark-mode) > nav.navbar .nav-link {
  background-color: var(--otm-day-chip) !important;
  background-image: none !important;
  border: 1px solid var(--otm-day-line) !important;
  color: var(--otm-day-on-desk) !important;
  text-shadow: none !important;
  box-shadow:
    inset 2px 2px 0 rgba(255, 255, 255, .7),
    inset -2px -2px 0 rgba(120, 100, 74, .22),
    0 3px 0 rgba(120, 100, 74, .22) !important;
}

body:not(.dark-mode) .main-header.navbar .nav-link:hover,
body:not(.dark-mode) .main-header.navbar .nav-link:focus,
body:not(.dark-mode) .main-header.navbar li[data-notifications]:hover,
body:not(.dark-mode) .main-header .sidebar-toggle:hover,
body:not(.dark-mode) .hp-wrapper .navbar .nav-link:hover,
body:not(.dark-mode) > nav.navbar .nav-link:hover {
  background-color: var(--otm-day-chip-hover) !important;
  color: var(--otm-day-link-hover) !important;
  text-shadow: none !important;
  box-shadow:
    inset 2px 2px 0 rgba(255, 255, 255, .75),
    inset -2px -2px 0 rgba(120, 100, 74, .2),
    0 3px 0 rgba(120, 100, 74, .22),
    inset 0 0 0 1px rgba(82, 165, 53, .45) !important;
}

/* 顶栏按钮前那个小绿方块：浅底上仍用中绿，别用亮绿 */
body:not(.dark-mode) .main-header.navbar .nav-item > .nav-link::before,
body:not(.dark-mode) .hp-wrapper .navbar .nav-item > .nav-link::before,
body:not(.dark-mode) > nav.navbar .nav-link::before {
  background-color: var(--otm-day-link) !important;
}

/* ==========================================================================
   4 侧栏：浅木色，里面的纸卡不变
   ========================================================================== */
body:not(.dark-mode) .main-sidebar {
  background-color: var(--otm-day-sidebar) !important;
  background-image: linear-gradient(180deg, var(--otm-day-sidebar-top), var(--otm-day-sidebar-bottom)) !important;
  border-right: 1px solid var(--otm-day-line) !important;
  box-shadow: 6px 0 20px -10px rgba(90, 74, 58, .45) !important;
}

body:not(.dark-mode) .main-sidebar .brand-link,
body:not(.dark-mode) .main-sidebar .brand-link *,
body:not(.dark-mode) .main-sidebar .brand-link .brand-text {
  background: none !important;
  color: var(--otm-day-on-desk) !important;
  text-shadow: none !important;
}

body:not(.dark-mode) .main-sidebar .brand-link {
  border-bottom: 1px solid rgba(120, 100, 74, .35) !important;
  box-shadow: none !important;
}

/* ==========================================================================
   5 页脚与版权
   ========================================================================== */
body:not(.dark-mode) .main-footer,
body:not(.dark-mode) #footer-wrap {
  border-top: 1px dashed rgba(120, 100, 74, .35) !important;
  color: var(--otm-day-on-desk-soft) !important;
  text-shadow: none !important;
}

body:not(.dark-mode) .main-footer,
body:not(.dark-mode) .main-footer *,
body:not(.dark-mode) #footer-wrap > .container,
body:not(.dark-mode) #footer-wrap,
body:not(.dark-mode) #copyright,
body:not(.dark-mode) #copyright * {
  text-shadow: none !important;
}

/* 页脚那张纸签按钮自带浅色浮雕，别被上面那句清掉 */
body:not(.dark-mode) #footer-wrap .main-button,
body:not(.dark-mode) #footer-wrap .main-button * {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .85) !important;
}

/* ==========================================================================
   6 落在桌面上的标题与链接
   --------------------------------------------------------------------------
   内容区的 h1~h4 是写在**纸上**的，用 --otm-ink（深墨），不用动；
   但 .content-header 里那个页面标题是直接落在**桌面**上的 —— 它用的是纸色，
   暗底上正好，浅底上就会「白字压白桌面」，必须换成深墨。
   ========================================================================== */
body:not(.dark-mode) .content-header h1,
body:not(.dark-mode) .content-header h2,
body:not(.dark-mode) .content-header h3 {
  color: var(--otm-day-on-desk) !important;
  text-shadow: none !important;
}

body:not(.dark-mode) .main-footer a,
body:not(.dark-mode) #footer-wrap a,
body:not(.dark-mode) .breadcrumb-item,
body:not(.dark-mode) .breadcrumb-item a {
  color: var(--otm-day-link) !important;
}

body:not(.dark-mode) .breadcrumb {
  background-color: rgba(255, 255, 255, .5) !important;
  border: 1px dashed rgba(120, 100, 74, .35) !important;
}

body:not(.dark-mode) .breadcrumb-item.active {
  color: var(--otm-day-on-desk-soft) !important;
}

body:not(.dark-mode) .breadcrumb,
body:not(.dark-mode) .breadcrumb * {
  text-shadow: none !important;
}

/* ==========================================================================
   7 其余仍然压在桌面上的绿字
   --------------------------------------------------------------------------
   .main-sidebar .nav-sidebar 里那些是纸卡（深墨、绿图标），不在此列。
   ========================================================================== */
body:not(.dark-mode) #footer-wrap .main-button,
body:not(.dark-mode) #footer-wrap .main-button:hover {
  color: #4a4237 !important;
}

body:not(.dark-mode) .navbar-brand,
body:not(.dark-mode) .brand-link {
  text-shadow: none !important;
}