/* ========== Design Tokens (from 赛博掷筊.html) ========== */

/* Font Face */
@font-face {
  font-family: '851ShouShu';
  src: url('/851ShouShu-2.ttf') format('truetype');
  font-display: swap;
}

:root {
  /* Colors */
  --bg-base: #FDFCF8;
  --bg-warm: #FAF8F3;
  --text-main: #2C312E;
  --text-muted: #8BA094;
  --text-ghost: #B5C4BB;
  --accent-red: #D94A38;
  --accent-red-soft: rgba(217, 74, 56, 0.08);
  --accent-green: #4A7C59;
  --accent-green-soft: rgba(74, 124, 89, 0.06);
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-hover: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-border-hover: rgba(255, 255, 255, 0.85);
  --ink: rgba(44, 49, 46, 0.04);
  --ink-light: rgba(44, 49, 46, 0.06);

  /* Hint/Highlight Colors */
  --hint-green: #B4FF39;
  --hint-glow: 0 0 8px rgba(180, 255, 57, 0.6), 0 0 16px rgba(180, 255, 57, 0.3);

  /* Typography */
  --serif: "Noto Serif SC", "SimSun", serif;
  --sans: system-ui, -apple-system, sans-serif;
  --font-851: '851ShouShu', sans-serif;

  /* Radius */
  --radius-card: 24px;
  --radius-pill: 99px;

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: ease-out;
  --slide-duration: 0.6s;

  /* Z-Index Scale */
  --z-bg: 0;
  --z-scene: 10;
  --z-props: 20;
  --z-npc: 30;
  --z-ui: 40;
  --z-dialogue: 50;
  --z-overlay: 90;
  --z-loading: 100;
}