/* ================================================================
   PMP 十五至尊图 — 基础样式（变量 / Reset / 字体 / 打印）
   ================================================================ */

/* ---- CSS Variables ---- */
:root {
  --color-bg:          #f8f9fb;
  --color-surface:     #ffffff;
  --color-border:      #e2e6ed;
  --color-text:        #1e293b;
  --color-text-muted:  #64748b;
  --color-primary:     #2563eb;
  --color-primary-bg:  #eff6ff;
  --color-hard:        #2563eb;
  --color-soft:        #ea580c;
  --color-init:        #16a34a;
  --color-plan:        #f59e0b;
  --color-exec:        #3b82f6;
  --color-monitor:     #f97316;
  --color-close:       #ef4444;
  --color-danger:      #dc2626;
  --color-success:     #16a34a;
  --color-warning:     #f59e0b;
  --radius:            8px;
  --shadow-sm:         0 1px 2px rgba(0,0,0,.06);
  --shadow-md:         0 4px 12px rgba(0,0,0,.08);
  --shadow-lg:         0 12px 40px rgba(0,0,0,.12);
  --transition:        0.2s ease;
  --font-mono:         'SF Mono', 'Fira Code', 'Consolas', monospace;
}

/* ---- Reset ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Microsoft YaHei", sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
  min-height: 100vh;
}

/* ---- Print ---- */
@media print {
  .topbar, .breadcrumb-bar, .detail-overlay, .search-input { display: none; }
  .matrix-container { padding: 0; }
  .matrix-table { box-shadow: none; }
}