/* ============================================================
   设计令牌 · v4「羊村地图」
   ------------------------------------------------------------
   概念：品牌名本身就是世界观——羊村。
   浅色 = 暖奶油纸 + 林绿 + 琥珀（源自 logo 实测色）
   暗色 = 夜里的村子，窗户亮起琥珀灯
   色彩源：logo 采样 #004030（绿）/ #f8c038（琥珀）/ 羊白
   ============================================================ */

:root {
  color-scheme: light dark;

  /* ---------- 暖纸中性阶（H=95 微暖）---------- */
  --p-0:   oklch(0.995 0.005 95);
  --p-25:  oklch(0.975 0.012 95);   /* 奶油纸 */
  --p-50:  oklch(0.955 0.018 95);
  --p-100: oklch(0.92  0.025 95);
  --p-200: oklch(0.88  0.028 95);
  --p-300: oklch(0.80  0.030 95);
  --p-400: oklch(0.66  0.028 100);
  --p-500: oklch(0.55  0.025 105);
  --p-600: oklch(0.45  0.022 120);
  --p-700: oklch(0.37  0.025 140);
  --p-800: oklch(0.29  0.028 155);
  --p-900: oklch(0.235 0.030 160);
  --p-950: oklch(0.19  0.028 165);

  /* ---------- 品牌色（logo 实测族）---------- */
  --grass-300: oklch(0.74 0.085 163);
  --grass-400: oklch(0.58 0.090 163);
  --grass-500: oklch(0.48 0.082 163);
  --grass-600: oklch(0.42 0.075 163);
  --grass-700: oklch(0.36 0.065 163);
  --grass-800: oklch(0.30 0.055 163);
  --grass-900: oklch(0.25 0.045 163);

  --sun-200: oklch(0.93 0.075 88);
  --sun-300: oklch(0.87 0.115 88);
  --sun-400: oklch(0.82 0.150 88);   /* ≈ logo 琥珀 */
  --sun-500: oklch(0.74 0.140 85);
  --sun-600: oklch(0.60 0.110 80);

  /* ---------- 语义层：暖纸日间 ---------- */
  --bg:        var(--p-25);
  --bg-alt:    var(--p-50);
  --surface:   var(--p-0);
  --border:    oklch(0.89 0.025 95);
  --border-2:  oklch(0.82 0.030 95);
  --ink:       var(--p-900);
  --ink-2:     var(--p-600);
  /* 实测 p-500 作正文级弱化文字只有 4.49:1，压深到 0.52 过 AA */
  --ink-3:     oklch(0.52 0.024 108);
  --on-accent: oklch(0.985 0.01 95);

  --accent:      var(--grass-600);
  --accent-hover:var(--grass-700);
  --accent-soft: oklch(0.93 0.035 163);
  --accent-ink:  var(--grass-700);

  --amber:      var(--sun-400);
  --amber-deep: var(--sun-600);
  --amber-wash: oklch(0.95 0.055 90);

  /* 透明 logo 衬底随主题：浅色=主题米色底（白羊靠细阴影勾边，见 site.css） */
  --chip:    var(--bg-alt);
  --glass:   oklch(0.88 0.045 175);   /* 屋窗玻璃（日间） */

  --focus:   var(--grass-500);
  --sel-bg:  var(--sun-200);
  --sel-ink: var(--p-900);

  /* ---------- 字体：暖衬线展示 + 系统无衬线正文 ---------- */
  --serif: "Fraunces", "Noto Serif SC", "Source Serif 4", Georgia,
           "Songti SC", "SimSun", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI",
          "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  --t-xs:   0.8125rem;
  --t-sm:   0.9375rem;
  --t-base: 1.0625rem;
  --t-md:   1.1875rem;
  --t-lg:   1.5rem;
  --t-xl:   2rem;
  --t-2xl:  clamp(2.1rem, 1.3rem + 3.2vw, 3.4rem);
  --t-hero: clamp(3rem, 1.6rem + 6.5vw, 5.8rem);

  --lh-tight: 1.08;
  --lh-body:  1.75;

  --tr-tight: -0.015em;

  /* ---------- 间距 ---------- */
  --s2: 0.5rem; --s3: 0.75rem; --s4: 1rem;  --s5: 1.25rem;
  --s6: 1.5rem; --s8: 2rem;    --s10: 2.5rem; --s12: 3rem;
  --s16: 4rem;  --s20: 5rem;   --s24: 6rem;

  --gutter: var(--s6);
  --band: clamp(76px, 9vw, 150px);
  --measure: 36em;

  /* ---------- 圆角：柔和（手作感）---------- */
  --r2: 8px; --r3: 14px; --r4: 20px; --r5: 28px; --r-pill: 999px;

  /* ---------- 阴影：暖而轻 ---------- */
  --lift: 0 2px 6px oklch(0.35 0.04 100 / 0.08),
          0 18px 40px -20px oklch(0.35 0.04 100 / 0.25);
  --lift-lg: 0 3px 8px oklch(0.35 0.04 100 / 0.08),
             0 32px 64px -24px oklch(0.35 0.04 100 / 0.30);

  --d1: 140ms; --d2: 240ms; --d3: 420ms;
  --ease: cubic-bezier(0.22, 0.68, 0.32, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --z-nav: 20; --z-toast: 50;
  --z-menu: 58;   /* 移动端下拉菜单：高于悬浮胶囊(55)，低于登录弹窗(60) */
}

/* ============================================================
   暗色：夜里的村子
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root {
    --bg:        var(--p-950);
    --bg-alt:    oklch(0.215 0.026 168);
    --surface:   oklch(0.245 0.028 168);
    --border:    oklch(0.32 0.028 168);
    --border-2:  oklch(0.40 0.030 168);
    --ink:       oklch(0.955 0.012 95);
    --ink-2:     oklch(0.78 0.018 95);
    --ink-3:     oklch(0.62 0.020 95);
    /* 按钮文字用深墨绿：亮绿底(0.74) + 深字(0.19) ≈ 6.9:1 */
    --on-accent: var(--p-950);

    /* 暗色下 accent 提亮为 grass-300（浅薄荷），配深字才能过 AA：
       grass-400(0.58) 无论配白字还是深字都只有 3.7~4.0:1 */
    --accent:      var(--grass-300);
    --accent-hover:oklch(0.80 0.065 163);
    --accent-soft: oklch(0.30 0.040 163);
    --accent-ink:  var(--grass-300);

    --amber:      var(--sun-400);
    --amber-deep: var(--sun-300);
    --amber-wash: oklch(0.30 0.045 88);

    --chip:  var(--surface);
    /* 夜间：窗户亮灯 */
    --glass: var(--sun-400);

    --focus:   var(--grass-300);
    --sel-bg:  var(--grass-700);
    --sel-ink: oklch(0.97 0.01 95);

    --lift: 0 2px 6px oklch(0 0 0 / 0.35),
            0 18px 40px -20px oklch(0 0 0 / 0.55);
    --lift-lg: 0 3px 8px oklch(0 0 0 / 0.4),
               0 32px 64px -24px oklch(0 0 0 / 0.65);
  }
}