/* ============================================================
   Noverix Design System — Design Tokens
   版本 1.0 · 2026
   AmComAlive 项目共享令牌（agent 与 server 各引一份副本）。
   ============================================================ */

:root {
  /* —— 品牌主色 Brand · Terracotta —— */
  --nvx-terracotta-050: #F6E7DE;
  --nvx-terracotta-100: #E9B6A2;
  --nvx-terracotta-200: #E2906F;
  --nvx-terracotta-300: #D97757;
  --nvx-terracotta-400: #C2613F;
  --nvx-terracotta-500: #B5663D;

  /* —— 中性 / 表面 Neutral · Surfaces —— */
  --nvx-surface:        #FAF9F5;
  --nvx-surface-sunken: #F0EEE6;
  --nvx-surface-raised: #FFFEFB;

  /* —— 墨色 / 文字 Ink · Text —— */
  --nvx-ink:            #1F1E1C;
  --nvx-ink-deep:       #211F1B;
  --nvx-text:           #605B51;
  --nvx-text-secondary: #6B6659;
  --nvx-text-nav:       #4A463E;
  --nvx-muted:          #8A857A;
  --nvx-muted-2:        #9A948A;

  /* —— 描边 Borders —— */
  --nvx-border-hairline: #E9E5DA;
  --nvx-border-card:     #E5E0D4;
  --nvx-border-control:  #D8D3C6;
  --nvx-border-input:    #DDD7CA;

  /* —— 反白（深色区）On-Dark —— */
  --nvx-on-dark-text:    #CFC9BD;
  --nvx-on-dark-muted:   #9A948A;
  --nvx-on-dark-label:   #7C766B;
  --nvx-on-dark-border:  #38342D;
  --nvx-on-dark-accent:  #E2906F;

  /* —— 语义色 Semantic —— */
  --nvx-danger:          #C25646;
  --nvx-danger-tint:     rgba(194, 86, 70, 0.12);
  --nvx-focus-ring:      rgba(217, 119, 87, 0.13);
  --nvx-selection-bg:    #E9B6A2;
  --nvx-selection-fg:    #2A1A12;

  /* —— 字体 Typography —— */
  --nvx-font-serif: 'Newsreader', Georgia, 'Songti SC', serif;
  --nvx-font-sans:  'Hanken Grotesk', system-ui, -apple-system, 'PingFang SC', sans-serif;
  --nvx-font-mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* 字号阶梯 Type scale */
  --nvx-text-eyebrow: 13px;
  --nvx-text-caption: 14px;
  --nvx-text-body:    15px;
  --nvx-text-body-lg: 18px;
  --nvx-text-lead:    19px;
  --nvx-text-h3:      24px;
  --nvx-text-h2:      clamp(34px, 4.5vw, 52px);
  --nvx-text-h1:      clamp(46px, 6vw, 78px);

  --nvx-leading-tight: 1.08;
  --nvx-leading-snug:  1.4;
  --nvx-leading-body:  1.6;

  /* —— 圆角 Radius —— */
  --nvx-radius-sm:   9px;
  --nvx-radius-md:   11px;
  --nvx-radius-chip: 13px;
  --nvx-radius-lg:   18px;
  --nvx-radius-pill: 999px;

  /* —— 间距 Spacing（8pt 基准） —— */
  --nvx-space-1: 4px;
  --nvx-space-2: 8px;
  --nvx-space-3: 12px;
  --nvx-space-4: 16px;
  --nvx-space-5: 22px;
  --nvx-space-6: 32px;
  --nvx-space-7: 48px;
  --nvx-space-8: 64px;
  --nvx-space-9: 88px;

  /* —— 阴影 Elevation —— */
  --nvx-shadow-card-hover: 0 16px 38px rgba(120, 90, 60, 0.10);
  --nvx-shadow-soft:       0 2px 8px rgba(120, 90, 60, 0.06);
  --nvx-shadow-logo:       0 18px 40px rgba(120, 90, 60, 0.20);

  /* —— 布局 Layout —— */
  --nvx-container:      1200px;
  --nvx-container-prose:1120px;
  --nvx-container-form: 680px;
  --nvx-gutter:         32px;

  /* —— 动效 Motion —— */
  --nvx-ease:          cubic-bezier(0.4, 0, 0.2, 1);
  --nvx-dur-fast:      .15s;
  --nvx-dur-base:      .18s;
}

::selection { background: var(--nvx-selection-bg); color: var(--nvx-selection-fg); }

/* —— 品牌字体（离线优先，联网时用 Google Fonts） —— */
@font-face { font-family: 'Newsreader'; src: local('Newsreader'); }