/* =========================================================
   氷ノ箱庭 · pixel tokens
   ========================================================= */

@font-face {
  font-family: 'Fusion Pixel';
  src: url('/fonts/fusion-pixel-zh.woff2') format('woff2');
  font-display: swap;
}

:root {
  color-scheme: light;

  --font-pixel: 'Fusion Pixel', 'MS Gothic', 'Noto Sans Mono CJK SC', monospace;
  --font-mono: 'Fusion Pixel', ui-monospace, monospace;

  /* 墨与纸 */
  --ink: #241f31;
  --ink-2: #4a445e;
  --ink-3: #7a7392;
  --border: #241f31;
  --paper: #fffdf7;
  --paper-2: #fff8ee;
  --paper-3: #ffefdf;

  /* 粉色系背景 */
  --bg: #ffdce9;
  --bg-2: #ffe9f2;
  --bg-3: #f7cfe2;

  /* 色块 */
  --pink: #ff8fbe;
  --pink-soft: #ffd6e8;
  --pink-deep: #e8629b;
  --cyan: #74dcf0;
  --cyan-soft: #d2f3fa;
  --cyan-deep: #1fa8c4;
  --blue: #86a9ff;
  --blue-soft: #dbe4ff;
  --lilac: #d8c9ff;
  --lilac-soft: #ebe4ff;
  --mint: #a9edc3;
  --mint-soft: #dcf8e7;
  --butter: #ffe6a3;
  --butter-soft: #fff5d6;
  --green: #79cf8f;
  --red: #e8697a;

  /* 像素框架 */
  --bw: 3px;
  --shadow: 4px 4px 0 var(--ink);
  --shadow-sm: 3px 3px 0 var(--ink);
  --shadow-lg: 6px 6px 0 var(--ink);
  --shadow-color: var(--ink);

  --maxw: 1320px;
  --gap: 12px;

  --z-nav: 30;
  --z-overlay: 60;
  --z-toast: 70;
}

[data-theme='dark'] {
  color-scheme: dark;

  /* 深色模式：整体压到低饱和的蓝灰，只用一点点颜色做提示 */
  --ink: #cfd6e2;
  --ink-2: #a2acbb;
  --ink-3: #858f9e;
  --border: #3d4657;

  --paper: #191d26;
  --paper-2: #1f242e;
  --paper-3: #252a36;

  --bg: #11141a;
  --bg-2: #151922;
  --bg-3: #191d26;

  --pink: #8f4d68;
  --pink-soft: #2c1f27;
  --pink-deep: #d99ab4;
  --cyan: #4f8493;
  --cyan-soft: #172a30;
  --cyan-deep: #8fc8d8;
  --blue: #5f789f;
  --blue-soft: #1d2532;
  --lilac: #77699b;
  --lilac-soft: #211f2d;
  --mint: #5c8f6f;
  --mint-soft: #18251d;
  --butter: #a08a55;
  --butter-soft: #272316;
  --green: #7cb190;
  --red: #b5767f;

  --shadow-color: #080a0e;
  --shadow: 4px 4px 0 var(--shadow-color);
  --shadow-sm: 3px 3px 0 var(--shadow-color);
  --shadow-lg: 6px 6px 0 var(--shadow-color);
}