/* ===== CSS Variables & Design Tokens ===== */
:root {
  --bg: #FBF7F0;
  --bg-card: #FFFFFF;
  --bg-path: #EDE8DC;
  --text: #2C2416;
  --text-secondary: #6B5E4A;
  --text-muted: #A09888;
  --primary: #8B6914;
  --primary-light: #C9A84C;
  --primary-dark: #5C4510;
  --accent: #2D5016;
  --accent-light: #4A7A2E;
  --accent-dark: #1A300A;
  --gold: #D4A843;
  --gold-light: #F5E6C8;
  --danger: #C0392B;
  --success: #27AE60;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --shadow: 0 2px 12px rgba(44,36,22,0.06);
  --shadow-lg: 0 8px 32px rgba(44,36,22,0.12);
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
  --font: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-serif: 'Georgia', 'Noto Serif SC', 'STSong', serif;
}

/* ===== Reset & Base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  min-height:100vh;
  overflow-x:hidden;
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#D5CFC0;border-radius:3px}

/* ===== Hidden ===== */
.hidden{display:none!important}