/* ==========================================================================
   觉心正念 — Design Tokens (Web)
   1440px 设计稿 → 1rem = 16px, rpx → rem 转换 (1rpx = 0.01rem @ 1440 设计)
   调性：温暖觉察、杂志式排版、不对称、留白、衬线大字
   ========================================================================== */

:root {
  /* ---------- 颜色（沿用 design-system/tokens/colors.css）---------- */
  --color-primary-500: #d4a294;
  --color-primary-600: #b8877a;
  --color-primary-400: #e0b5a8;
  --color-primary-300: #e8c7bc;
  --color-primary-200: #f0d6cd;
  --color-primary-100: #f7e6df;
  --color-primary-50:  #fdf3ef;

  --color-accent-500:  #c98a78;
  --color-accent-600:  #b07060;
  --color-accent-400:  #d8a496;
  --color-accent-100:  #f1d6cd;
  --color-accent-50:   #f9eae4;

  --color-tertiary-500: #d4a574;
  --color-tertiary-100: #f3e3d0;
  --color-tertiary-50:  #faf3e8;

  --color-bg-page:    #faf6f1;
  --color-bg-card:    #ffffff;
  --color-bg-subtle:  #f3ede3;
  --color-bg-cream:   #f7f0e6;

  --color-text-primary:   #2d1e1c;
  --color-text-secondary: #6a5852;
  --color-text-tertiary:  #9a8a84;
  --color-text-onPrimary: #ffffff;
  --color-text-link:      #b8877a;

  --color-border-light: #ebe2d8;
  --color-border-base:  #d8cabf;

  --color-success: #9bb088;
  --color-warning: #d4b67a;
  --color-danger:  #c98a78;

  /* ---------- 字体 ---------- */
  --font-serif-cn: "Source Han Serif SC", "Songti SC", "STSong", "Noto Serif CJK SC", "Times New Roman", Georgia, serif;
  --font-serif-en: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;
  --font-sans:    -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  --font-mono:    "SF Mono", Menlo, Monaco, Consolas, monospace;

  /* ---------- 字号（rem 单位，1440 设计稿）---------- */
  --text-7xl: 6rem;     /* 96px 巨号 */
  --text-6xl: 5rem;     /* 80px */
  --text-5xl: 4rem;     /* 64px */
  --text-4xl: 3.25rem;  /* 52px */
  --text-3xl: 2.5rem;   /* 40px */
  --text-2xl: 2rem;     /* 32px */
  --text-xl:  1.5rem;   /* 24px */
  --text-lg:  1.25rem;  /* 20px */
  --text-base: 1rem;    /* 16px */
  --text-sm:  0.875rem; /* 14px */
  --text-xs:  0.75rem;  /* 12px */

  /* ---------- 间距（rem 8 倍数）---------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;
  --space-48: 12rem;
  --space-64: 16rem;

  /* ---------- 圆角 ---------- */
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-2xl: 2.5rem;
  --radius-full: 9999px;

  /* ---------- 阴影（粉色色相，避冷灰）---------- */
  --shadow-xs: 0 0.125rem 0.25rem rgba(212, 162, 148, 0.04);
  --shadow-sm: 0 0.25rem 0.5rem rgba(212, 162, 148, 0.06);
  --shadow-md: 0 0.5rem 1rem rgba(212, 162, 148, 0.08);
  --shadow-lg: 0 0.75rem 1.5rem rgba(212, 162, 148, 0.10);
  --shadow-xl: 0 1.25rem 2.5rem rgba(212, 162, 148, 0.12);
  --shadow-2xl: 0 2rem 4rem rgba(212, 162, 148, 0.15);
  --shadow-button: 0 0.75rem 1.5rem rgba(184, 135, 122, 0.25);
  --shadow-button-hover: 0 1rem 2rem rgba(184, 135, 122, 0.32);
  --shadow-inner: inset 0 0.125rem 0.25rem rgba(212, 162, 148, 0.06);

  /* ---------- 渐变 ---------- */
  --gradient-primary: linear-gradient(135deg, #d4a294 0%, #c98a78 100%);
  --gradient-warm: linear-gradient(135deg, #fdf3ef 0%, #f7e6df 50%, #f3e3d0 100%);
  --gradient-soft: linear-gradient(180deg, #fdf3ef 0%, #faf6f1 100%);
  --gradient-founder: linear-gradient(135deg, #d4a294 0%, #c98a78 100%);
  --gradient-text: linear-gradient(135deg, #b8877a 0%, #c98a78 60%, #d4a574 100%);
  --gradient-progress: linear-gradient(90deg, #d4a294 0%, #c98a78 100%);
  --gradient-radial-fade: radial-gradient(ellipse at top, #fdf3ef 0%, #faf6f1 50%, #f3ede3 100%);
  --gradient-noise: linear-gradient(180deg, #faf6f1 0%, #faf6f1 100%);

  /* ---------- 容器 ---------- */
  --container: 1200px;
  --container-wide: 1400px;
  --container-narrow: 800px;

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration: 0.4s;
}