:root {
  --bg-paper: #fcf9f2;
  --bg-paper-deep: #f4f1ea;
  --bg-paper-soft: #fdfbf7;
  --ink-950: #141414;
  --ink-900: #1a1a1a;
  --ink-800: #2b2b2b;
  --ink-600: #5a5a5a;
  --ink-400: #8a8178;
  --ink-wash: rgba(43, 43, 43, 0.08);
  --ink-wash-strong: rgba(43, 43, 43, 0.14);
  --ink-wash-deep: rgba(20, 20, 20, 0.22);
  --paper-fiber: rgba(93, 80, 69, 0.055);
  --paper-edge: rgba(43, 43, 43, 0.16);
  --seal-red: #c4342d;
  --seal-red-soft: rgba(196, 52, 45, 0.12);
  --seal-red-strong: rgba(196, 52, 45, 0.28);
  --brush-gold: #a77a35;
  --brush-blue: #405f84;
  --brush-green: #4a7c59;
  --success-ink: #4a7c59;
  --danger-ink: #b54a4a;
  --focus-ring: rgba(196, 52, 45, 0.22);
  --font-title: "Noto Serif TC", "Songti TC", "SimSun", serif;
  --font-ui: "Noto Sans TC", "Noto Serif TC", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-paper: 6px;
  --radius-card: 16px;
  --shadow-paper: 0 8px 30px rgba(0, 0, 0, 0.07);
  --shadow-paper-hover: 0 18px 48px rgba(0, 0, 0, 0.12);
  --motion-fast: 140ms;
  --motion-normal: 260ms;
  --motion-slow: 520ms;
}

html {
  text-rendering: optimizeLegibility;
}

:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
}