/* ============================================================
   EarthOS · Design Tokens
   中性层：奶油纸 × 暖灰 × 深墨 × 金色。
   品牌定稿后只改本文件的值，不改结构；预留 data-theme 换肤。
   ============================================================ */

:root {
  /* ---- 纸与墨（中性层） ---- */
  --c-paper: #f6f1e7;          /* 页面底色：奶油纸 */
  --c-paper-2: #fbf7f0;        /* 卡片/浮层：更亮的纸 */
  --c-paper-3: #fffdf8;        /* 输入框等 */
  --c-sand: #ede4d3;           /* 暖沙：分区底 */
  --c-sand-2: #e3d7c2;         /* 暖沙深：分隔/描边 */
  --c-ink: #201b16;            /* 主文字：深墨 */
  --c-ink-2: #4c443b;          /* 次文字 */
  --c-ink-3: #6b6157;          /* 辅助文字（AA 对比度） */
  --c-line: rgba(32, 27, 22, 0.12);
  --c-line-2: rgba(32, 27, 22, 0.2);
  --c-line-3: rgba(32, 27, 22, 0.32);

  /* ---- 强调：金色 ---- */
  --c-gold: #b58a4d;           /* 装饰金：线、点、底纹 */
  --c-gold-deep: #8a6428;      /* 文字金：可达 AA */
  --c-gold-soft: #efe0c8;      /* 金色底 */
  --c-gold-wash: rgba(181, 138, 77, 0.1);

  /* ---- 少量地球蓝灰（仅图表/数据点缀） ---- */
  --c-earth: #4a6478;
  --c-earth-soft: #dbe3e6;

  /* ---- 语义 ---- */
  --c-success: #3f6b4b;
  --c-success-soft: #e2ecdf;
  --c-warn: #8a5518;
  --c-warn-soft: #f6e7cf;
  --c-danger: #9b3a2c;
  --c-danger-soft: #f6e1dc;
  --c-info: #3d5a73;
  --c-info-soft: #e1e9ee;
  --c-focus: #8a6428;

  /* ---- 字体 ---- */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Hiragino Sans GB",
    "Microsoft YaHei", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC",
    "SimSun", "Times New Roman", serif;
  --font-mono: "SFMono-Regular", "Cascadia Code", Consolas, "Liberation Mono",
    "Courier New", monospace;

  /* ---- 字号（clamp 响应式，360–1920 平滑） ---- */
  --fs-display: clamp(44px, 6.4vw, 88px);
  --fs-h1: clamp(34px, 4.6vw, 60px);
  --fs-h2: clamp(27px, 3.2vw, 42px);
  --fs-h3: clamp(20px, 1.9vw, 26px);
  --fs-h4: clamp(17px, 1.5vw, 20px);
  --fs-lead: clamp(17px, 1.5vw, 20px);
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-mono: 13px;
  --lh-tight: 1.14;
  --lh-snug: 1.32;
  --lh-body: 1.78;
  --tracking-display: 0.01em;
  --tracking-label: 0.16em;

  /* ---- 间距 ---- */
  --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;
  --sp-10: 128px;
  --gutter: clamp(20px, 5vw, 56px);
  --container: 1240px;
  --container-wide: 1440px;
  --container-narrow: 900px;
  --container-prose: 72ch;

  /* ---- 圆角 ---- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-full: 999px;

  /* ---- 阴影（暖调，不脏） ---- */
  --shadow-1: 0 1px 2px rgba(70, 52, 30, 0.05), 0 6px 18px -10px rgba(70, 52, 30, 0.22);
  --shadow-2: 0 2px 6px rgba(70, 52, 30, 0.05), 0 22px 48px -26px rgba(70, 52, 30, 0.3);
  --shadow-3: 0 4px 12px rgba(70, 52, 30, 0.06), 0 40px 80px -40px rgba(70, 52, 30, 0.4);

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 140ms;
  --dur-2: 240ms;
  --dur-3: 420ms;

  /* ---- 层级 ---- */
  --z-header: 60;
  --z-menu: 70;
  --z-toast: 90;

  /* ---- 装饰 ---- */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

/* 品牌第二方向（占位）：brand-lead 定稿后在此覆盖，结构不变。 */
[data-theme="stone"] {
  --c-paper: #f4f1ea;
  --c-paper-2: #faf8f3;
  --c-sand: #e9e4d8;
  --c-ink: #23211c;
  --c-gold: #a8926a;
  --c-gold-deep: #6f5c37;
}

/* 高对比偏好：加深辅助文字 */
@media (prefers-contrast: more) {
  :root {
    --c-ink-3: #4c443b;
    --c-line: rgba(32, 27, 22, 0.24);
    --c-line-2: rgba(32, 27, 22, 0.4);
  }
}