/* ============================================================
   印记账房 · 统一设计令牌（Design Tokens）
   ------------------------------------------------------------
   全局唯一变量来源：基础页面 + 供应商/产品列表（复刻 DEMO）。
   账务管理页有专属主题，变量在 finance-modern.css 的 #finance-page
   作用域内定义，勿在此重复声明。
   ============================================================ */
:root{
  /* —— 品牌主色（森林绿 · 基础页面）—— */
  --green:#176b49;
  --green2:#22835d;
  --pale:#edf5f0;

  /* —— 供应商 / 产品列表 主色（中绿）—— */
  --primary:#2d7a52;
  --primary-dark:#1a5c3a;
  --primary-light:#e8f5ee;
  --primary-lighter:#f0f7f3;

  /* —— 中性色 —— */
  --ink:#17211b;
  --muted:#738078;
  --paper:#f6f8f6;
  --line:#e6ebe7;
  --gray-light:#f3f4f6;
  --star-empty:#d1d5db;
  --border-light:#f0f0f0;
  --border-green:#c8e6d4;

  /* —— 文本层级 —— */
  --text-title:#1f2937;
  --text-body:#374151;
  --text-sub:#6b7280;
  --text-placeholder:#9ca3af;

  /* —— 语义色 —— */
  --orange:#e49b42;
  --red:#d6635c;
  --danger:#dc2626;
  --danger-light:#fee2e2;
  --success:#16a34a;
  --success-light:#dcfce7;
  --warning:#d97706;
  --warning-light:#fef3c7;
  --info:#0891b2;
  --info-light:#cffafe;

  /* —— 表面（玻璃卡片）—— */
  --bg-page:#f5f8f6;
  --bg-card:rgba(255,255,255,.78);
  --bg-card-hover:rgba(255,255,255,.95);
  --border-card:rgba(255,255,255,.8);

  /* —— 圆角 —— */
  --radius-lg:20px;
  --radius-md:16px;
  --radius-sm:10px;

  /* —— 阴影 —— */
  --shadow:0 10px 30px rgba(35,64,48,.07);
  --shadow-card:0 8px 32px rgba(26,77,58,.08);
  --shadow-card-hover:0 12px 40px rgba(26,77,58,.14);
  --shadow-btn:0 4px 16px rgba(45,122,82,.3);

  /* —— 字体 —— */
  --font-sans:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','SF Mono','Consolas',monospace;

  /* —— 缓动 —— */
  --ease:cubic-bezier(.4,0,.2,1);
}