/* ============================================================
   恋爱手账站 · 设计令牌
   色彩不是照抄"粉色模板"，是从"草莓牛奶 + 奶油纸 + 胶带"里配出来的。
   纯白和纯黑都不用：白太冷，黑在粉底上会扎眼。
   ============================================================ */

:root {
  /* --- 纸与墨 --- */
  --cream:        #FFF7F2;   /* 奶油纸底 */
  --cream-deep:   #FDEDE6;   /* 稍深一档，做分区 */
  --paper:        #FFFDFB;   /* 卡片纸面 */
  --berry:        #7A4458;   /* 莓果墨：正文与标题 */
  --berry-soft:   #A87586;   /* 次要文字 */
  --berry-faint:  #C9A6B2;   /* 极次要 / 占位 */

  /* --- 粉 --- */
  --pink:         #FFD3E0;   /* 草莓牛奶 主色 */
  --pink-mid:     #FFB3C9;
  --pink-deep:    #F58BA8;   /* 深莓粉：按钮、强调 */
  --pink-ink:     #C75B7E;   /* 粉上的字，对比度够 */

  /* --- 点缀 --- */
  --mint:         #BFE6D8;   /* 唯一冷色，只用于"已完成/成功" */
  --mint-ink:     #3F7A66;
  --butter:       #FFE9A8;   /* 胶带黄 */
  --lilac:        #E3D5F4;   /* 淡紫，留言纸可选 */
  --sky:          #CFE6F7;   /* 淡蓝，留言纸可选 */

  /* --- 结构与阴影 --- */
  --line:         #F2D9DF;   /* 分隔线：粉，不是灰 */
  --line-strong:  #E7BFCB;
  --shadow-sm:    0 2px 0 rgba(122, 68, 88, .06), 0 4px 10px rgba(199, 91, 126, .07);
  --shadow-md:    0 4px 0 rgba(122, 68, 88, .06), 0 10px 24px rgba(199, 91, 126, .10);
  --shadow-lg:    0 8px 0 rgba(122, 68, 88, .05), 0 18px 40px rgba(199, 91, 126, .14);

  /* --- 圆角：故意不统一，统一圆角是模板味 --- */
  --r-card:   18px;
  --r-sticker: 8px;
  --r-pill:   999px;
  --r-input:  14px;

  /* --- 字体 --- */
  --font-hand: "ZCOOL KuaiLe", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system,
               "Segoe UI", system-ui, sans-serif;

  /* --- 尺寸 --- */
  --nav-h:      56px;
  --page-pad:   16px;
  --safe-top:   env(safe-area-inset-top, 0px);
  --safe-bot:   env(safe-area-inset-bottom, 0px);

  /* --- 动效 --- */
  --ease-out:   cubic-bezier(.22, .61, .36, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);

  /* --- 字号缩放：设置页能调 --- */
  --scale: 1;
}

/* 三档字号：设置里切换，整个站按比例放大 */
:root[data-font="small"]  { --scale: .92; }
:root[data-font="normal"] { --scale: 1; }
:root[data-font="large"]  { --scale: 1.1; }

/* ============================================================
   四套主题
   只有一套是"主推"（草莓牛奶），其余三套换的是粉/紫/杏的色相，
   纸感、圆角、排版这些骨架不动 —— 换的是心情，不是性格。
   ============================================================ */

:root[data-theme="strawberry"] {
  --cream: #FFF7F2;  --cream-deep: #FDEDE6;  --paper: #FFFDFB;
  --pink: #FFD3E0;   --pink-mid: #FFB3C9;    --pink-deep: #F58BA8;
  --pink-ink: #C75B7E; --berry: #7A4458;     --line: #F2D9DF; --line-strong: #E7BFCB;
}

:root[data-theme="sakura"] {
  --cream: #FFF9F6;  --cream-deep: #FDEFF0;  --paper: #FFFEFD;
  --pink: #FFDDE4;   --pink-mid: #FFC3CF;    --pink-deep: #EE93A8;
  --pink-ink: #C4667D; --berry: #6E4550;     --line: #F5DCE1; --line-strong: #EAC4CC;
}

:root[data-theme="lilac"] {
  --cream: #FBF7FF;  --cream-deep: #F4ECFC;  --paper: #FFFCFF;
  --pink: #E6D5F6;   --pink-mid: #D8BFEF;    --pink-deep: #B48CD8;
  --pink-ink: #7E55A3; --berry: #5E4468;     --line: #EADCF7; --line-strong: #D9C3EC;
}

:root[data-theme="peach"] {
  --cream: #FFF8F1;  --cream-deep: #FDEEE0;  --paper: #FFFCF7;
  --pink: #FFDCC4;   --pink-mid: #FFC6A3;    --pink-deep: #F09B70;
  --pink-ink: #B96A42; --berry: #74463A;     --line: #F7DFCC; --line-strong: #EDC8AC;
}

/* 深色：夜里看照片不刺眼。不是把颜色反过来，是换成"暗室里的纸" */
:root[data-theme="strawberry"][data-mode="dark"] {
  --cream: #2A2026;  --cream-deep: #332830;  --paper: #362B33;
  --pink: #5A3947;   --pink-mid: #6E4557;    --pink-deep: #D98AA6;
  --pink-ink: #FFB8CE; --berry: #F7E3EA;     --berry-soft: #CFAEBC;
  --berry-faint: #9A7C89;
  --line: #4A3742;   --line-strong: #5C4552;
  --mint: #2F5148;   --mint-ink: #A8E3CE;
  --butter: #5C4A2E; --lilac: #463456;       --sky: #2E4457;
  --shadow-sm: 0 2px 0 rgba(0,0,0,.25), 0 4px 12px rgba(0,0,0,.28);
  --shadow-md: 0 4px 0 rgba(0,0,0,.22), 0 10px 26px rgba(0,0,0,.32);
  --shadow-lg: 0 8px 0 rgba(0,0,0,.2),  0 18px 44px rgba(0,0,0,.38);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ease-out: linear;
    --ease-bounce: linear;
  }
}