/* ========== 设计令牌：颜色、字体、间距、圆角、阴影 ========== */
:root {
  /* 主色：深色奢华 */
  --c-ink:        #0E0E10;   /* 主黑：导航、按钮、深色块 */
  --c-ink-soft:   #1C1C1F;   /* 卡片底 */
  --c-graphite:   #2A2A2E;   /* 次级深灰 */
  --c-stone:      #5A5752;   /* 石材灰：正文 */
  --c-mist:       #8C8A85;   /* 浅灰：辅助文字 */
  --c-bone:       #F4F1EC;   /* 米白：浅色块背景 */
  --c-paper:      #FAF8F4;   /* 纸白：页面底色 */

  /* 品牌点缀：金 */
  --c-brass:      #B89968;   /* 黄铜金：主点缀色 */
  --c-brass-deep: #8C7146;   /* 深金：hover */
  --c-brass-soft: #E7D9B6;   /* 浅金：分隔线、底纹 */

  /* 状态色 */
  --c-success: #4F7A4A;
  --c-warn:    #C49A4F;
  --c-danger:  #8E3A3A;

  /* 奢石/大理石参考色（区块背景） */
  --stone-pandora: linear-gradient(135deg,#3A1F38 0%,#8B4B6E 35%,#E0C8C4 70%,#3A1F38 100%);
  --stone-emerald: linear-gradient(135deg,#0E2A1F 0%,#1F5840 50%,#9CC0A0 100%);
  --stone-pure:    linear-gradient(135deg,#F7F3EC 0%,#E6DFD2 50%,#F7F3EC 100%);
  --stone-azure:   linear-gradient(135deg,#16323F 0%,#2E6B7A 45%,#BFE3E8 100%);
  --stone-fox:     linear-gradient(135deg,#2A2620 0%,#C9A86A 50%,#F2E9D6 100%);
  --stone-galaxy:  linear-gradient(135deg,#0A0A12 0%,#241B3A 40%,#6E5C9C 70%,#0A0A12 100%);
  --stone-amazon:  linear-gradient(135deg,#0E2A1F 0%,#1F5840 50%,#7AA882 100%);
  --stone-coffee:  linear-gradient(135deg,#241A12 0%,#6E4A28 45%,#D9B98C 100%);
  --stone-gucci:   linear-gradient(135deg,#0A0A0A 0%,#1A1A1A 45%,#D9D9D9 75%,#0A0A0A 100%);
  --stone-calacatta:linear-gradient(135deg,#F7F3EC 0%,#D9D0C0 40%,#8C8A85 60%,#F7F3EC 100%);
  --stone-jazz:    linear-gradient(135deg,#F2EEE8 0%,#B8B0A4 45%,#3A3A3E 70%,#F2EEE8 100%);
  --stone-woodjade:linear-gradient(135deg,#E6D9B8 0%,#C9A86A 50%,#8C6E3A 100%);
  --stone-italian: linear-gradient(135deg,#F7F3EC 0%,#D9D0C0 50%,#5A5752 100%);
  --stone-spanish: linear-gradient(135deg,#0A0A0A 0%,#2A2A2E 45%,#E0E0E0 75%,#0A0A0A 100%);

  /* 字体 */
  --font-serif: "Cormorant Garamond", "Playfair Display", "Source Han Serif SC", "Songti SC", "宋体", serif;
  --font-sans: "Inter", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;

  /* 间距 8px 基础 */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px; --s-11: 160px;

  /* 栅格 */
  --grid-gutter: 24px;
  --container-max: 1280px;
  --container-pad: 32px;

  /* 圆角 */
  --r-card: 6px;
  --r-input: 2px;
  --r-pill: 999px;

  /* 阴影（极轻） */
  --shadow-sm: 0 4px 12px rgba(14,14,16,0.06);
  --shadow-md: 0 12px 32px rgba(14,14,16,0.08);
  --shadow-lg: 0 24px 60px rgba(14,14,16,0.12);

  /* 描边 */
  --border-soft: 1px solid var(--c-brass-soft);
  --border-dark: 1px solid rgba(255,255,255,0.12);
  --border-stone: 1px solid rgba(90,87,82,0.16);

  /* 动效 */
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --t-fast: 200ms;
  --t-med: 350ms;
  --t-slow: 500ms;

  /* 层级 */
  --z-header: 100;
  --z-cta: 90;
  --z-modal: 1000;
  --z-toast: 1100;
}

@media (max-width: 768px) {
  :root {
    --container-pad: 16px;
    --s-9: 48px;
    --s-10: 64px;
    --s-11: 80px;
  }
}