/* ==========================================================================
   Admixor Product · 设计令牌
   --------------------------------------------------------------------------
   生产商站专用视觉体系：工业深蓝 + 琥珀强调，偏「工厂 / 产线 / 质检」调性，
   与 admixor.com 主站（贸易情报平台，蓝色 + emoji）刻意区分。

   换肤只改本文件；组件层（app.css）只消费语义变量。
   ========================================================================== */

:root {
  /* 原始色板 */
  --p-blue-50:  #eef6fb;
  --p-blue-100: #d7e9f5;
  --p-blue-300: #8cc0dd;
  --p-blue-500: #2d7fa8;
  --p-blue-600: #1b6a8f;
  --p-blue-700: #145f83;
  --p-blue-800: #0d4560;
  --p-blue-900: #08303f;

  --p-amber-400: #f0a92c;
  --p-amber-500: #d98715;
  --p-amber-600: #b96f0c;
  --p-amber-50:  #fdf6e7;

  --p-slate-50:  #f6f7f9;
  --p-slate-100: #eceef2;
  --p-slate-200: #dde1e8;
  --p-slate-300: #c3cad6;
  --p-slate-400: #8d97a8;
  --p-slate-500: #667086;
  --p-slate-600: #4a5468;
  --p-slate-800: #232b38;
  --p-slate-900: #141a24;

  --p-green-600: #177a45;
  --p-green-50:  #eef8f2;
  --p-red-600:   #b23b3b;
  --p-red-50:    #fdf1f1;
}

/* ===== 语义令牌 ===== */
:root {
  /* 品牌 */
  --brand:        #0d4560;
  --brand-hover:  #08303f;
  --brand-soft:   var(--p-blue-50);
  --on-brand:     #ffffff;
  --accent:       #d98715;
  --accent-soft:  var(--p-amber-50);

  /* 表面 */
  --bg:           #ffffff;
  --bg-alt:       var(--p-slate-50);
  --surface:      #ffffff;
  --surface-2:    var(--p-slate-100);
  --surface-dark: #0d4560;

  /* 边框 */
  --border:        var(--p-slate-200);
  --border-strong: var(--p-slate-300);

  /* 文字 */
  --text:         var(--p-slate-900);
  --text-muted:   var(--p-slate-500);
  --text-faint:   var(--p-slate-400);
  --text-invert:  #e8eef4;

  /* 语义 */
  --success:      var(--p-green-600);
  --success-soft: var(--p-green-50);
  --danger:       var(--p-red-600);
  --danger-soft:  var(--p-red-50);

  /* 字号 */
  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-base:15px;
  --fs-md:  17px;
  --fs-lg:  20px;
  --fs-xl:  26px;
  --fs-2xl: 34px;
  --fs-3xl: 44px;

  /* 间距 */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px;

  /* 圆角 / 阴影 / 动效 */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  --sh-sm: 0 1px 2px rgba(20,26,36,.06);
  --sh-md: 0 4px 14px rgba(20,26,36,.08);
  --sh-lg: 0 12px 32px rgba(20,26,36,.12);
  --t: 180ms ease;

  /* 布局 */
  --maxw: 1180px;
  --header-h: 66px;
}