/* ============================================================
   食光 Pantry Life · Natural Organic StyleKit
   阶段一：统一设计变量（Design Tokens）
   沿用「智能冰箱管家」已落地的水彩 / 奶油纸视觉体系，
   按 Natural Organic 要求补齐：暖棕、纸张纹理、有机圆角、衬线标题。
   所有页面的颜色 / 字体 / 圆角 / 间距只允许引用这里的变量。
   ============================================================ */

:root {
  /* ---------- 底色与纸面 ---------- */
  --cream: #f4eee1;          /* 奶油米白 · 页面底色 */
  --cream-deep: #ede3d0;     /* 稍深的米色 · 分区底 */
  --paper: #fbf7ec;          /* 纸卡 */
  --paper-warm: #f8f1e2;     /* 暖纸 */
  --paper-tint: #f3ead8;     /* 纸面晕染 */

  /* ---------- 自然色板 ---------- */
  --sage: #96a273;           /* 鼠尾草绿 */
  --sage-light: #b9c39a;
  --sage-pale: #e9efd8;
  --sage-wash: #f1f4e4;
  --olive: #6f7c4f;          /* 橄榄绿 · 主行动色 */
  --olive-deep: #556039;
  --warm: #a8774f;           /* 暖棕 */
  --warm-deep: #855b3b;
  --cocoa: #6b4d36;
  --warm-pale: #f0e0c9;
  --clay: #b5543a;           /* 陶土红 · 仅用于临期 / 浪费 */
  --clay-pale: #f7ddd0;
  --honey: #e2a45c;
  --honey-pale: #f9e6cd;

  /* ---------- 文字与线条 ---------- */
  --ink: #3a3a30;
  --ink-2: #7b7362;
  --ink-3: #a89e88;
  --line: #e5dbc4;
  --line-soft: #efe7d5;
  --on-olive: #fbf7ec;

  /* ---------- 字体 ---------- */
  --serif: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC",
           "Noto Serif SC", "SimSun", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
          "Noto Sans SC", "Microsoft YaHei", sans-serif;

  /* ---------- 有机圆角（轻微不对称，避免工业感） ---------- */
  --r-card: 26px 30px 24px 28px / 28px 24px 30px 26px;
  --r-card-sm: 18px 21px 17px 20px / 20px 17px 21px 18px;
  --r-chip: 14px 16px 13px 15px / 15px 13px 16px 14px;
  --r-pill: 999px;
  --r-round: 50%;

  /* ---------- 阴影（柔、暖、低对比） ---------- */
  --shadow: 0 3px 16px rgba(107, 77, 54, .07);
  --shadow-lift: 0 12px 32px rgba(107, 77, 54, .13);
  --shadow-float: 0 14px 38px rgba(85, 96, 57, .20);

  /* ---------- 纸张纹理（SVG 噪点，离线可用） ---------- */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");

  /* ---------- 节奏 ---------- */
  --sp-1: 6px;
  --sp-2: 10px;
  --sp-3: 16px;
  --sp-4: 22px;
  --sp-5: 32px;
  --sp-6: 44px;
  --side-w: 252px;           /* PC 固定侧栏宽度 */
  --content-max: 1320px;
  --tap: 44px;               /* Mobile 最小可点击尺寸 */

  /* ---------- 层次 ---------- */
  --z-grain: 1;
  --z-side: 40;
  --z-topbar: 45;
  --z-tabbar: 60;
  --z-drawer: 70;
  --z-toast: 90;
}

/* 不同尺寸下只调少量变量，组件样式不用改 */
@media (max-width: 1200px) {
  :root { --side-w: 216px; }
}
@media (max-width: 900px) {
  :root { --side-w: 0px; --sp-5: 24px; --sp-6: 32px; }
}