/* ============================================================
   Renest 搬窝云盘 · 全局令牌层
   浅色沙底 · 森林墨绿 + 沙金 · 诚实即设计
   所有组件与模板都从这里取令牌；勿在组件内硬编码颜色/字号。
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');

:root {
  /* ---- 品牌 / 表面 ---------------------------------------- */
  --bg:        #F2F0E8;  /* 沙底 · 页面背景 */
  --card:      #FFFFFF;  /* 卡片 / 面板 */
  --line:      #E3E1D6;  /* 描边 / 分隔 */
  --line-soft: #EDEBE1;  /* 更淡的分隔 */

  /* ---- 文字（永不穿品牌绿）-------------------------------- */
  --ink:  #14201A;  /* 主文字 / 深块底 */
  --ink2: #455049;  /* 次级文字 */
  --mut:  #8A928A;  /* 弱化 / 口径小字 */
  --on-dark:      #F2F0E8;  /* 深块上的文字 */
  --on-dark-mut:  #9AA69E;  /* 深块上的弱化文字 */

  /* ---- 品牌色 -------------------------------------------- */
  --green:  #0E6E5A;  /* 主色 / 通过 / 渐变起 */
  --green2: #2E8B6E;  /* 亮绿 / 渐变中 */
  --sand:   #C99A4E;  /* 副色 / 渐变落 */
  --grad-brand: linear-gradient(96deg, #0E6E5A, #2E8B6E 50%, #C99A4E); /* @kind color */

  /* 品牌色浅底（徽章/高亮区）*/
  --green-tint:  #E6F2ED;
  --green-line:  #B9D6CC;
  --sand-tint:   #FBF3DF;
  --sand-line:   #EAD6A0;

  /* ---- 状态（保留色 · 永不当系列色 · 必配图标+文字）------- */
  --good:    #1E8E6A;
  --warn:    #D99A13;
  --serious: #C46A2E;
  --crit:    #C0392B;
  --crit-tint: #FBE7E4;
  --crit-line: #E6B0AA;
  --serious-tint: #FBEEE2;
  --serious-line: #E6C6A8;

  /* ---- 字体 ---------------------------------------------- */
  --sans: "Inter", "PingFang SC", "Noto Sans SC", system-ui, sans-serif; /* @kind font */
  --mono: "JetBrains Mono", "Menlo", ui-monospace, monospace; /* @kind font */

  /* ---- 字号 / 字重 --------------------------------------- */
  --fs-d1:  52px;  /* display-1 巨标题 */
  --fs-d2:  32px;  /* display-2 */
  --fs-h3:  20px;  /* 小标题 */
  --fs-lg:  17px;
  --fs-body:15px;
  --fs-sm:  13px;
  --fs-xs:  11px;
  --fw-reg: 400; /* @kind font */
  --fw-med: 500; /* @kind font */
  --fw-sb:  600; /* @kind font */
  --fw-b:   700; /* @kind font */
  --fw-blk: 800; /* @kind font */
  --lh-tight: 1.05; /* @kind font */
  --lh-body:  1.6; /* @kind font */
  --ls-tight: -0.03em;
  --ls-cap:   0.1em;   /* 全大写小标签的字距 */

  /* ---- 间距（4px 基准）----------------------------------- */
  --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-xs:  5px;   /* 徽章 */
  --r-sm:  9px;
  --r-md:  12px;  /* 卡片默认 */
  --r-lg:  16px;
  --r-xl:  22px;  /* 大卡 / 定价 */
  --r-pill: 999px;

  /* ---- 阴影（低沉、暖调，避免霓虹）----------------------- */
  --sh-1: 0 1px 2px rgba(20,32,26,.05);
  --sh-2: 0 4px 14px rgba(20,32,26,.07);
  --sh-3: 0 18px 44px rgba(20,32,26,.12);
  --sh-focus: 0 0 0 3px rgba(14,110,90,.22);
}

/* ---- 基础重置（消费方页面可用；组件用内联样式，不依赖此）-- */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 全站链接：品牌绿，悬停加深——绝不留浏览器默认蓝 */
a { color: var(--green); text-decoration: none; }
a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

/* 数字/代码一律等宽 */
code, kbd, samp, .mono { font-family: var(--mono); }

/* 巨标题里高亮词的品牌渐变 */
.grad-word {
  background: var(--grad-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

::selection { background: rgba(14,110,90,.16); }