:root {
  /* Cottagecore（田园核风）· 奶油底 + 暖棕字，去掉深蓝冷调 */
  --login-bg-color: #f3ece0;

  /* left menu start */
  --left-menu-max-width: 200px;

  --left-menu-min-width: 64px;

  --left-menu-bg-color: #faf6f0;

  --left-menu-bg-light-color: #f6efe3;

  --left-menu-bg-active-color: rgba(154, 92, 53, 0.16);

  --left-menu-text-color: #5f4f3d;

  --left-menu-text-active-color: #9a5c35;

  --left-menu-collapse-bg-active-color: rgba(154, 92, 53, 0.16);
  /* left menu end */

  /* logo start */
  --logo-height: 50px;

  --logo-title-text-color: #4f4130;
  /* logo end */

  /* header start
     注意：原文件这几个值是带引号的字符串（'#fff' / 'inherit'），引号会被当成值的一部分，
     已去掉。 */
  --top-header-bg-color: #faf6f0;

  --top-header-text-color: inherit;

  --top-header-hover-color: #f6efe3;

  --top-tool-height: var(--logo-height);

  --top-tool-p-x: 0;

  --tags-view-height: 35px;
  /* header start */

  /* tab menu start */
  --tab-menu-max-width: 80px;

  --tab-menu-min-width: 30px;

  --tab-menu-collapse-height: 36px;
  /* tab menu end */

  --app-content-padding: 20px;

  --app-content-bg-color: #f3ece0;

  --app-footer-height: 50px;

  --transition-time-02: 0.2s;
}

/* ==========================================================================
   Element Plus 设计令牌 · Cottagecore
   用 html:root:not(.dark) 把特异性抬到 (0,2,1)：
   1) 确保压得住后加载的 element-plus 默认 :root；
   2) 只在浅色模式生效，`.dark` 下交还给 element-plus 的 dark/css-vars，
      否则暗色模式会出现「奶油底 + 浅色字」不可读。
   ========================================================================== */
html:root:not(.dark) {
  --el-color-primary: #9a5c35; /* 陶土棕 · 白字 5.31:1 */
  --el-color-success: #457450; /* 草绿 */
  --el-color-warning: #8f6418; /* 深雏菊金 */
  --el-color-danger: #a4485a;  /* 莓红 */
  --el-color-info: #6b6152;    /* 暖褐灰 */

  --el-text-color-primary: #4f4130;
  --el-text-color-regular: #5f4f3d;
  --el-text-color-secondary: #7a664e;
  --el-text-color-placeholder: #9a886e;
  --el-text-color-disabled: #9a886e;

  --el-border-color: #d8c3b0;
  --el-border-color-light: #e2d3c2;
  --el-border-color-lighter: #eadfd0;
  --el-border-color-extra-light: #f0e8dc;
  --el-border-color-hover: #c08a8a;

  --el-fill-color: #f6efe3;
  --el-fill-color-light: #f6efe3;
  --el-fill-color-lighter: #fbf5ea;
  --el-fill-color-blank: #faf6f0;
  --el-bg-color: #faf6f0;
  --el-bg-color-page: #f3ece0;
  --el-bg-color-overlay: #fffdfa;

  --el-border-radius-base: 12px;
  --el-border-radius-small: 10px;
  --el-border-radius-round: 999px;

  --el-box-shadow-light: 0 2px 10px rgba(139, 115, 85, 0.12);
  --el-box-shadow: 0 6px 18px rgba(139, 115, 85, 0.13);
  --el-box-shadow-dark: 0 12px 32px rgba(139, 115, 85, 0.17);
}

/* 标题类走衬线（只在大号字上），正文/表单/表格保持无衬线，
   理由同 ruoyi-ui：13px 宋体在密集表格里可读性会掉。 */
.el-dialog__title,
.el-message-box__title,
.el-drawer__title {
  font-family: 'Songti SC', 'Source Han Serif SC', 'Noto Serif SC', STSong, SimSun, Georgia, 'Times New Roman', serif;
  letter-spacing: 0.2px;
}

.dark {
  --app-content-bg-color: var(--el-bg-color);
}

*,
:after,
:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}