/* dumbdumb token 层 — 变量名沿 Phase 1,值 = dumbdumb 品牌暖皮(G2 三轮 2026-07-28 定 #E3BFB4 → 2026-08-15 按线上取样改 #DBB1A5;黑已全部走 --color-ink 不再出现纯黑;莫兰迪候选史见 git 12ba574/086999f)。 */

/* 2026-08-15 品牌字:现役 www.dumbdumb.studio(Wix)的 logo 和段落标题用的是
   KG HAPPY Solid(Kimberly Geswein, 2014, 单字重 400)。文件从线上自托管副本
   static.wixstatic.com/ufonts/838c55_…/woff2/file.woff2 取回,本地化到 assets/fonts/。
   声明写在这里而不是 fonts.css:那份是 dumbdumb/site 的 build-fonts.mjs 生成的,
   重跑会把手加的 @font-face 冲掉。 */
@font-face {
  font-family: "KG HAPPY Solid";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/kg-happy-solid-400-latin.woff2) format('woff2');
  /* 字体自带的 U+00A0(不断行空格)是个画错的字形——轮廓跟 Ccedilla 几乎一样,
     直接渲染成「Ç」。macros.njk 的 letters 过滤器正好把标题里的空格全转成 &nbsp;,
     所以必须把 A0 从这支字体的覆盖范围里挖掉,让它回退到 Fraunces 的正常空格。
     (整套字体里只有这一个码位有这个毛病,已逐个扫过空格族/软连字符/零宽。) */
  unicode-range: U+0-9F, U+A1-10FFFF;
}

:root {
  /* —— 颜色 —— */
  --color-bg: #f8f5ef;            /* 奶油米 */
  /* 2026-08-08 Joel 拍板:首页回归 dozo 式分段通底(每段一块浅色底+标题骑线),
     --color-base-* 重新允许铺整段(取值见 home.css「版块背景色」块;绿在通底处白洗)。
     08-02「统一奶油米+细线」的 C 版决定就此作废,其他内页仍以 bg/tint 为主。 */
  --color-tint: #faf1ed;          /* rose 的 8% tint,段落节奏用 */
  /* 2026-08-15:对齐现役 dumbdumb.studio —— 线上 hero banner 取样底色是 #dbb1a5
     (贴图与线上原图两处取样一致,占 96.8% 面积),比 G2 三轮定的 #e3bfb4 深一档、
     更偏赤陶。base.css 的底纹点本来就是 rgba(219,177,165,.1)=这个色,现在头尾统一了。
     配套的 --color-main-deep / -ink 是独立角色色(边框/AA 文字),不跟着动。 */
  --color-main: #dbb1a5;          /* dumbdumb rose(装饰/底,取自线上 banner) */
  --color-main-deep: #b8948a;     /* rose-deep(边框/大字) */
  --color-main-ink: #96604f;      /* rose-ink(AA 文字级强调) */
  --color-base-green: #9fbd7a;
  --color-base-blue: #add6e5;
  --color-base-skyblue: #add6e5;
  --color-base-orange: #e7d8c3;
  /* 2026-08-09 中度柔化(00e §4):base-* 原值保留(小面积点缀/边框继续用),
     整段通铺另开一组 --band-*。分段通底+骑线标题的节奏一个不动,只是色块从
     「撞色」降到「换纸」——Joel 08-09:避免对比度太强,但要保住设计感。 */
  --band-blue: #dcedf3;           /* = base-blue 45% 洗白(原来整段 100% 满饱和) */
  --band-green: #dde5cd;          /* = base-green 26% 洗白(原来 38%) */
  --band-sand: #f2e9dd;           /* = base-orange 60% 洗白 */
  --band-rose: #f6e6e1;           /* = main 24% 洗白(原来 30%) */
  --color-accent-red: #96604f;
  --color-accent-yellow: #f5e3dc;
  --color-hl: #f5e3dc;            /* 荧光笔高亮底(story) */
  --color-ink: #2a1d15;
  --color-ink-rich: #2a1d15;
  --color-ink-title: #2a1d15;
  /* 2026-08-09 中度柔化(00e §4):正文墨色不动(--color-ink 仍是 #2a1d15,00c 正文三色约束不变),
     另开一支给「实心面 + 白字」的按钮/药丸/页脚用——近黑改暖浓咖啡。
     #fffdf9 白字压在 #4a3a30 上对比 ≈ 9:1,远超 AA。只加不删,细线/圆点/汉堡条仍吃 --color-ink。 */
  --color-ink-soft: #4a3a30;
  --color-white: #fffdf9;         /* 卡面暖白 */
  --color-muted: #6b5d52;
  --color-muted-2: #766a5e;
  --color-border: #e4d9ca;
  --color-border-2: #e4d9ca;
  --color-surface: #fffdf9;
  --color-sale: #96604f;
  --color-link: #96604f;

  /* —— 字体 —— */
  --font-jp: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-futura: "Fraunces", Georgia, serif;   /* 展示衬线(原 Futura 位) */
  --font-en: var(--font-futura);
  --font-body: var(--font-jp);
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-hand: "Caveat", cursive;              /* 角色气球手写体 */
  /* 品牌展示字(logo + 段落大标题),对齐现役 dumbdumb.studio;缺字回退 Fraunces。
     字体只有 400 一档,粗体靠浏览器合成——线上 logo 就是这么渲染的(700)。 */
  --font-brand: "KG HAPPY Solid", var(--font-futura);

  /* —— 字号阶梯 / 布局(Phase 1 原值不动) —— */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-body: 13px;
  --inner-width: 1234px;
  --inner-max: 1254px;
  --inner-padding: 30px;
  --header-height: 68px;
  --header-height-sp: 61px;
  --infobar-height: 34px;

  /* —— 形状:药丸圆角保留,硬阴影 → 暖软 —— */
  --radius-pill: 2rem;
  --radius-button: 20px;
  --radius-search: 17px;
  --shadow-hard: 0 12px 34px rgba(42, 29, 21, .12);
  --shadow-block: 0 8px 22px rgba(42, 29, 21, .10);
  --shadow-soft: 0 24px 70px rgba(42, 29, 21, .16);

  /* —— 动效(原值) —— */
  --transition-duration: .3s;
  --ease-pop: cubic-bezier(.34, 1.56, .64, 1);
  --breakpoint-sp: 767px;
}
