/* 吃什么 · 设计变量 v2
 * 风格：昭和食堂 · 菜单印刷感 · 明亮积极
 * 关键词：米黄报纸底、印章朱砂、抹茶绿、蛋黄高光、蓝染点缀、双线、票根
 */

:root {
  /* ============ 主色：朱砂红（印章 · 招牌）============ */
  --color-primary:        #D94B3E;   /* 朱砂红 · 招牌主色 */
  --color-primary-deep:   #A8362B;   /* 压重 · 标题边框 */
  --color-primary-ink:    #6E1F18;   /* 深红文字 */
  --color-primary-pale:   #FBD4CE;   /* 薄红 · 标签底 */
  --color-primary-wash:   #FAEDEA;   /* 极淡 · 高亮带 */

  /* ============ 辅色：抹茶绿（活力 · 推荐）============ */
  --color-matcha:         #7BB661;
  --color-matcha-deep:    #4A8B3F;
  --color-matcha-pale:    #D7EBC7;
  --color-matcha-wash:    #EFF7E5;

  /* ============ 强调：蛋黄（高光 · 阳光）============ */
  --color-yolk:           #F4C95D;
  --color-yolk-deep:      #C99A1C;
  --color-yolk-pale:      #FCE9B3;
  --color-yolk-wash:      #FFF6DA;

  /* ============ 点缀：蓝染（冷色 · 偶用）============ */
  --color-indigo:         #3B5A7B;
  --color-indigo-pale:    #D2DDE9;
  --color-indigo-wash:    #ECF1F6;

  /* ============ 纸张底色（米黄报纸 → 暗色为竹炭墨）============ */
  --color-bg:             #FBF3DC;   /* 主背景 · 老报纸米黄 */
  --color-bg-soft:        #FAEFCE;   /* 略深 · 段落分割 */
  --color-surface:        #FFFCF1;   /* 卡片亮纸 */
  --color-surface-warm:   #FBF5DC;   /* 卡片暖纸 */
  --color-cream:          #FFFAEC;   /* 柔奶油 · 浅卡 */
  --color-cream-deep:     #F7E8C2;   /* 深奶 · 工具栏 */

  /* ============ 墨色（文字）============ */
  --color-ink:            #2A2520;   /* 主文字 · 暖墨 */
  --color-ink-soft:       #5D5048;   /* 副文字 */
  --color-ink-muted:      #9B8E80;   /* 辅助 · placeholder */
  --color-ink-faint:      #C7B89F;   /* 极淡 */

  /* ============ 边线（报纸线 · 双线分割）============ */
  --color-line:           #C9A857;   /* 主线 · 蛋黄系 */
  --color-line-soft:      #E8D2A1;
  --color-line-dash:      #B58F4A;   /* 虚线菜单分割 */
  --color-rule:           #5D5048;   /* 重边线 · 报纸框 */

  /* ============ 语义色 ============ */
  --color-success:        #4A8B3F;
  --color-success-bg:     #EFF7E5;
  --color-warning:        #C99A1C;
  --color-warning-bg:     #FFF6DA;
  --color-danger:         #A8362B;
  --color-danger-bg:      #FAEDEA;
  --color-info:           #3B5A7B;
  --color-info-bg:        #ECF1F6;

  /* ============ 圆角（印刷感 · 整体偏方正）============ */
  --radius-xs:  3px;
  --radius-sm:  6px;
  --radius-md:  10px;   /* 卡片默认 */
  --radius-lg:  14px;
  --radius-xl:  18px;
  --radius-pill: 999px;

  /* ============ 阴影（纸张感 · 弱）============ */
  --shadow-sm:    0 1px 2px rgba(74, 56, 32, 0.06);
  --shadow-md:    0 2px 6px rgba(74, 56, 32, 0.10);
  --shadow-lg:    0 6px 18px rgba(74, 56, 32, 0.14);
  --shadow-stamp: 0 2px 0 rgba(168, 54, 43, 0.18);   /* 印章按下感 */
  --shadow-paper: 0 1px 0 #E8D2A1, 0 6px 18px rgba(74,56,32,0.08);
  --shadow-press: inset 0 1px 0 rgba(255, 255, 255, 0.55);

  /* ============ 间距 ============ */
  --gap-1: 0.25rem;
  --gap-2: 0.5rem;
  --gap-3: 0.75rem;
  --gap-4: 1rem;
  --gap-5: 1.5rem;
  --gap-6: 2rem;
  --gap-8: 3rem;

  /* ============ 字体 ============ */
  --font-zh:   'LXGW WenKai Screen R', 'PingFang SC', 'Hiragino Sans GB',
               'Microsoft YaHei', system-ui, sans-serif;
  --font-num:  'Nunito', 'Helvetica Neue', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* 字号 */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.3rem;
  --fs-xl:   1.55rem;
  --fs-2xl:  2.05rem;
  --fs-3xl:  2.6rem;

  /* 行高 */
  --lh-tight: 1.2;
  --lh-base:  1.65;
  --lh-loose: 1.85;

  /* ============ 动效 ============ */
  --ease-out:    cubic-bezier(.2, .8, .2, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
  --ease-stamp:  cubic-bezier(.5, -0.4, .3, 1.4);
  --dur-fast:    0.15s;
  --dur-base:    0.25s;
  --dur-slow:    0.45s;

  /* ============ 渐变（明亮印刷感）============ */
  --grad-sun:      linear-gradient(135deg, #FFE7A0 0%, #F4C95D 100%);
  --grad-paper:    linear-gradient(180deg, #FFFCF1 0%, #FAEFCE 100%);
  --grad-matcha:   linear-gradient(135deg, #D7EBC7 0%, #7BB661 100%);
  --grad-vermil:   linear-gradient(135deg, #FBD4CE 0%, #D94B3E 100%);
  --grad-indigo:   linear-gradient(135deg, #D2DDE9 0%, #3B5A7B 100%);

  /* ============ 纸张噪点纹理（嵌入式 SVG · 复用）============ */
  --noise-paper: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.32  0 0 0 0 0.15  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --dots-halftone: radial-gradient(circle at 50% 50%, var(--color-line) 0.8px, transparent 1.2px);

  /* ============ 安全区 ============ */
  --safe-top:    env(safe-area-inset-top, 0);
  --safe-bottom: env(safe-area-inset-bottom, 0);
}

/* 暗色模式已下线：永远走米黄报纸亮色（见 _base.html 的 color-scheme meta） */