/* ============================================================
   TaoPeach · Design Tokens (Overseas Edition v1.0 / 2026)
   基于桃憩 TQ 工坊 tokens.css 汉化改造：
   - 字体换成 Google Fonts（海外访问零障碍，Shopify 可直接挂）
   - 布局基准从移动端 750px 改为桌面 1200px（欧美以桌面+移动双端为主）
   - 色彩体系不变：桃粉 / 奶油白 / 鼠尾草绿 / 暖灰墨
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap");

:root {
  /* ---------- Brand · Peach ---------- */
  --brand-50:  #FEF3F7;
  --brand-100: #FBDCE6;
  --brand-200: #F8C6D6;
  --brand-300: #F6AFC3;   /* Primary · soft peach (locked) */
  --brand-400: #F096B0;
  --brand-500: #E88FA8;   /* Hover / emphasis */
  --brand-600: #D4738F;   /* Pressed */
  --brand-700: #B85B76;   /* Deep peach for text */

  /* ---------- Neutrals ---------- */
  --cream:      #FFF7F0;  /* Page background (locked) */
  --cream-deep: #FDEFE4;  /* Card / section bg */
  --apricot-100:#FDF0E3;
  --apricot-200:#F7DCC2;
  --apricot-300:#EFC9A4;
  --apricot-400:#E5B283;

  /* ---------- Accent · Sage ---------- */
  --sage-100: #E4EDE4;
  --sage-200: #CCDCCC;
  --sage-300: #B8CDB8;    /* Sage (locked) */
  --sage-400: #9CB79C;
  --sage-500: #7E9C7E;

  /* ---------- Ink ---------- */
  --ink-900: #3E342F;
  --ink-700: #4A3F3A;
  --ink-500: #8B7C74;
  --ink-300: #B6A79F;
  --ink-100: #EFE2DA;
  --ink-050: #F7EFE9;
  --white:   #FFFFFF;

  /* ---------- Functional ---------- */
  --success: #7FAF8B;
  --warning: #E5A75C;
  --danger:  #D9737B;
  --info:    #8FB6D9;

  /* ---------- Semantic ---------- */
  --bg:            var(--cream);
  --bg-elevated:   var(--white);
  --text-primary:  var(--ink-700);
  --text-heading:  var(--ink-900);
  --text-muted:    var(--ink-500);
  --line:          var(--ink-100);
  --accent:        var(--brand-300);
  --accent-ink:    var(--brand-700);

  /* ---------- Typography (Google Fonts) ---------- */
  --font-display: "Baloo 2", "Poppins", sans-serif;          /* headings / logo */
  --font-body:    "Nunito", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-num:     "Baloo 2", "Nunito", sans-serif;

  --fs-display: 44px;  --lh-display: 1.15;
  --fs-h1:      34px;  --lh-h1:      1.25;
  --fs-h2:      27px;  --lh-h2:      1.30;
  --fs-h3:      22px;  --lh-h3:      1.35;
  --fs-lg:      18px;  --lh-lg:      1.50;
  --fs-md:      16px;  --lh-md:      1.65;
  --fs-sm:      14px;  --lh-sm:      1.55;
  --fs-xs:      12px;  --lh-xs:      1.50;

  /* ---------- Spacing (8pt) ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px;

  /* ---------- Radius / Shadow ---------- */
  --r-xs: 6px;  --r-sm: 8px;  --r-md: 12px; --r-lg: 16px;
  --r-xl: 24px; --r-2xl: 32px; --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(74, 63, 58, .04), 0 2px 8px rgba(246, 175, 195, .10);
  --sh-2: 0 2px 6px rgba(74, 63, 58, .05), 0 8px 20px rgba(246, 175, 195, .16);
  --sh-3: 0 6px 16px rgba(74, 63, 58, .06), 0 16px 40px rgba(246, 175, 195, .22);
  --sh-brand: 0 6px 16px rgba(232, 143, 168, .28);

  /* ---------- Layout ---------- */
  --page-max: 1200px;    /* 桌面基准（海外双端） */
  --safe-x: 24px;
  --nav-h: 64px;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--fs-md);
  line-height: var(--lh-md);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: var(--font-display); color: var(--text-heading); margin: 0; }
.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }