/* ============================================================
   活力橙黄主题 — 设计变量
   ============================================================ */
:root {
  /* 主色 */
  --brand-50:  #FFF8F0;
  --brand-100: #FFEFDC;
  --brand-200: #FFDFB8;
  --brand-300: #FFC98A;
  --brand-400: #FFA94D;
  --brand:     #FF7A1A;
  --brand-500: #FF7A1A;
  --brand-600: #F06A0A;
  --brand-700: #E85D04;
  --brand-800: #C24E03;

  --accent:    #FFC300;
  --accent-600:#E5A800;

  /* 语义色 */
  --success:   #12A150;
  --success-bg:#E8F8EE;
  --warning:   #E58E26;
  --warning-bg:#FFF4E3;
  --danger:    #D93F3F;
  --danger-bg: #FDECEC;
  --info:      #3B7DD8;
  --info-bg:   #EAF2FD;

  /* 中性色 */
  --ink-900: #1F2329;
  --ink-800: #2E3440;
  --ink-700: #3F4753;
  --ink-600: #5A6472;
  --ink-500: #7A8494;
  --ink-400: #9AA4B2;
  --ink-300: #C3CAD6;
  --ink-200: #DFE4EC;
  --ink-100: #EDF0F5;
  --ink-50:  #F6F8FB;
  --white:   #FFFFFF;

  /* 背景 */
  --bg:      #F7F6F4;
  --bg-warm: #FFFBF6;
  --sidebar: #2A2118;
  --sidebar-hover: #3A2E22;

  /* 阴影 */
  --shadow-xs: 0 1px 2px rgba(31,35,41,.06);
  --shadow-sm: 0 2px 8px rgba(31,35,41,.07);
  --shadow:    0 4px 16px rgba(31,35,41,.09);
  --shadow-lg: 0 12px 32px rgba(31,35,41,.13);
  --shadow-brand: 0 6px 20px rgba(255,122,26,.28);

  /* 圆角 */
  --r-xs: 4px;
  --r-sm: 6px;
  --r:    10px;
  --r-lg: 14px;
  --r-xl: 20px;

  --sidebar-w: 224px;
  --header-h: 60px;

  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC",
          system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "SF Mono", "JetBrains Mono", Consolas, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font);
  font-size: 14px;
  color: var(--ink-800);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--brand-700); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4 { margin: 0; font-weight: 600; color: var(--ink-900); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--ink-300); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-400); }
::-webkit-scrollbar-track { background: transparent; }

/* 数值用等宽字体，便于对齐 */
.num { font-variant-numeric: tabular-nums; }
.mono { font-family: var(--mono); }

@media print {
  .sidebar, .header, .no-print { display: none !important; }
  .main { margin: 0 !important; }
  body { background: #fff; }
}