/* ============================================
   腌笃鲜 (XYDZTZ) 官方维基 - CSS Variables
   天书朱砂 · 配色系统
   ============================================ */

:root {
  /* === 朱砂核心色系 === */
  --accent-fire: #b83a3a;
  --accent-fire-hover: #c94a4a;
  --accent-fire-bg: #f5e8e8;
  --accent-fire-rgb: 184, 58, 58;

  --accent-gold: #a68b5b;
  --accent-gold-hover: #b89b6b;
  --accent-gold-rgb: 166, 139, 91;

  /* === 语义色（用于引用块分层） === */
  --color-info: #a68b5b;
  --color-info-bg: #f5f0e8;
  --color-warning: #b83a3a;
  --color-warning-bg: #f5e8e8;
  --color-success: #5a7a4a;
  --color-success-bg: #e8f0e0;
  --color-danger: #a63a3a;
  --color-danger-bg: #f0e0e0;

  /* === 背景与卡片（天书默认：宣纸底色） === */
  --bg-page: #f5f0e8;
  --bg-card: #faf8f3;
  --bg-sidebar: #faf8f3;
  --bg-code: #f0ebe3;
  --bg-hover: #e8e0d4;

  /* === 文字 === */
  --text-primary: #1a1a1a;
  --text-secondary: #8a8278;
  --text-link: #b83a3a;

  /* === 边框与阴影 === */
  --border-light: #e0d8cc;
  --border-card: #e0d8cc;
  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.14);

  /* === 圆角 === */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* === 布局 === */
  --sidebar-width: 260px;

  /* === 过渡 === */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}

/* === 深色模式（暗宣纸 · 朱砂金系） === */
html[data-theme="dark"] {
  --accent-fire: #d85b52;
  --accent-fire-hover: #ef746a;
  --accent-fire-bg: rgba(216, 91, 82, 0.16);
  --accent-fire-rgb: 216, 91, 82;

  --accent-gold: #c7aa70;
  --accent-gold-hover: #ddbf82;
  --accent-gold-rgb: 199, 170, 112;

  --color-info: #c7aa70;
  --color-warning: #d85b52;
  --color-success: #8fb36d;
  --color-danger: #ef746a;

  --bg-page: #15110e;
  --bg-card: #1f1a16;
  --bg-sidebar: #1f1a16;
  --bg-code: #29221d;
  --bg-hover: #2b241f;

  --text-primary: #f0e8dc;
  --text-secondary: #a79a8b;
  --text-link: #d85b52;

  --border-light: #3a3028;
  --border-card: #3a3028;
  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.25);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.45);

  --color-info-bg: rgba(199, 170, 112, 0.14);
  --color-warning-bg: rgba(216, 91, 82, 0.15);
  --color-success-bg: rgba(143, 179, 109, 0.13);
  --color-danger-bg: rgba(239, 116, 106, 0.16);
}
