@charset "utf-8";
/* ============================================================================
   新城娱乐 XINCHENG · 设计令牌层
   ----------------------------------------------------------------------------
   站点定位：美食直播机构（餐饮品牌直播代运营 / 本地生活 / 产地溯源）
   视觉语言：明档厨房 —— 米浆纸底 + 番茄红档口 + 姜黄价签 + 炭黑字
   技术约定：
     · 全站使用 CSS Cascade Layers，层级顺序在此文件一次性声明
     · 所有可复用变量以 --xc- 开头，禁止在组件里写死颜色
     · 采用逻辑属性（inline-start / block-end），为后续多语言留口
   ============================================================================ */

@layer reset, base, layout, comp, view, util;

:root {
  color-scheme: light;

  /* —— 纸面与档口 —— */
  --xc-paper:      #fbf3e4;
  --xc-paper-2:    #f4e7d0;
  --xc-paper-3:    #ead9bd;
  --xc-card:       #fffdf6;

  /* —— 炭黑文字 —— */
  --xc-ink:        #17110d;
  --xc-ink-2:      #3d332b;
  --xc-ink-3:      #6f6359;
  --xc-ink-inv:    #fdf7ea;

  /* —— 品牌色：番茄 / 姜黄 / 青葱 —— */
  --xc-tomato:     #d63a25;
  --xc-tomato-d:   #a92a18;
  --xc-tomato-l:   #f6d9d1;
  --xc-yolk:       #f0b23c;
  --xc-yolk-l:     #fbe8c2;
  --xc-scallion:   #3d7a55;
  --xc-scallion-l: #d9e7d9;

  /* —— 线条 —— */
  --xc-line:       rgba(23, 17, 13, .13);
  --xc-line-2:     rgba(23, 17, 13, .34);
  --xc-line-inv:   rgba(253, 247, 234, .2);

  /* —— 尺寸 —— */
  --xc-wrap:       1280px;
  --xc-gutter:     clamp(18px, 4vw, 56px);
  --xc-gap:        clamp(14px, 1.8vw, 26px);
  --xc-radius:     14px;
  --xc-radius-lg:  26px;
  --xc-radius-pill: 999px;
  --xc-bar:        76px;

  /* —— 硬阴影（菜单牌立体感）—— */
  --xc-lift:       6px 6px 0 var(--xc-ink);
  --xc-lift-sm:    3px 3px 0 var(--xc-ink);
  --xc-soft:       0 22px 44px -30px rgba(23, 17, 13, .6);

  /* —— 字体 —— */
  --xc-sans: "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB",
             "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --xc-num:  ui-monospace, "DIN Alternate", "SF Mono", Consolas, monospace;

  /* —— 动效 —— */
  --xc-ease: cubic-bezier(.2, .7, .25, 1);
  --xc-fast: .18s;
  --xc-mid:  .36s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --xc-fast: 0s; --xc-mid: 0s; }
}