/* ==========================================================================
   「来路」ARCHIVE - 核心设计系统与设计变量 (Design Tokens)
   哲学：典雅书籍编排 × 馆藏档案档案学 × 纯代码精工图形
   ========================================================================== */

:root {
  /* 基础色彩：雅致古籍纸张与深林墨玉 */
  --bg-parchment: #F7F4EB;
  --bg-parchment-light: #FDFBF7;
  --bg-parchment-warm: #EFE9DC;
  --bg-card: rgba(253, 251, 247, 0.88);
  --bg-card-hover: rgba(255, 255, 255, 0.98);

  /* 墨色阶梯 */
  --ink-primary: #151817;
  --ink-secondary: #3D4441;
  --ink-tertiary: #6E7672;
  --ink-muted: #959F9A;
  --ink-faint: rgba(21, 24, 23, 0.08);

  /* 森林墨翠与矿物绿 */
  --jade-deep: #07231C;
  --jade-primary: #0C382D;
  --jade-medium: #154D40;
  --jade-light: #206E5D;
  --jade-faint: rgba(12, 56, 45, 0.08);

  /* 皇家泥金与香槟冷金 */
  --gold-primary: #B89658;
  --gold-light: #D8BD83;
  --gold-warm: #C9A86A;
  --gold-pale: rgba(184, 150, 88, 0.15);
  --gold-border: rgba(184, 150, 88, 0.32);
  --gold-glow: rgba(184, 150, 88, 0.25);

  /* 朱砂朱印红 (官方印鉴) */
  --seal-vermilion: #B83226;
  --seal-vermilion-light: #C94236;
  --seal-bg: rgba(184, 50, 38, 0.08);
  --seal-border: rgba(184, 50, 38, 0.4);

  /* 字体家族 */
  --font-serif-en: "Cormorant Garamond", "Cinzel", "Georgia", "Baskerville", serif;
  --font-serif-cn: "Noto Serif SC", "Source Han Serif CN", "Songti SC", "SimSun", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Courier New", monospace;

  /* 空间栅格 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 96px;

  /* 阴影体系 */
  --shadow-sm: 0 2px 6px rgba(21, 24, 23, 0.04);
  --shadow-md: 0 8px 24px rgba(21, 24, 23, 0.07), 0 2px 6px rgba(184, 150, 88, 0.06);
  --shadow-lg: 0 16px 40px rgba(7, 35, 28, 0.1), 0 4px 12px rgba(184, 150, 88, 0.08);
  --shadow-drawer: -12px 0 48px rgba(7, 35, 28, 0.22);
  --shadow-inset: inset 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 -1px 2px rgba(0, 0, 0, 0.04);

  /* 边框圆角 */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* 缓动动效 */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.35s;
  --duration-slow: 0.6s;
}

/* 纯代码纸张微噪点滤镜背景 */
.paper-texture {
  background-color: var(--bg-parchment);
  background-image: radial-gradient(var(--ink-faint) 1px, transparent 1px),
                    radial-gradient(var(--gold-pale) 1px, transparent 1px);
  background-size: 32px 32px, 48px 48px;
  background-position: 0 0, 16px 16px;
}

/* 纯代码精修书籍发丝线 */
.hairline-border {
  border: 1px solid var(--gold-border);
}

.hairline-bottom {
  border-bottom: 1px solid var(--gold-border);
}

.hairline-top {
  border-top: 1px solid var(--gold-border);
}

/* 双线条经典藏书边框 */
.classic-frame {
  position: relative;
  border: 1px solid var(--gold-border);
  padding: 6px;
}

.classic-frame::before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(184, 150, 88, 0.2);
  pointer-events: none;
}