:root {
  --ivory: #f3eee6;
  --rice: #f7f1ea;
  --paper: #faf6f0;
  --ink: #2a3140;
  --ink-soft: #4e5664;
  --muted: #6e7580;
  --line: rgba(42, 49, 64, 0.14);
  --line-soft: rgba(42, 49, 64, 0.08);
  --mist: #c5d3e0;
  --mist-deep: #4f6a7e;
  --mist-wash: rgba(197, 211, 224, 0.45);
  --apricot: #e5cbb6;
  --apricot-deep: #8a5e44;
  --apricot-wash: rgba(229, 203, 182, 0.5);
  --miwa-bg: #e6d4de;
  --miwa-text: #6e4b60;
  --miwa-border: #c3a4b4;
  --miwa-hover: color-mix(in srgb, var(--miwa-border) 12%, var(--ivory));
  --multi-accent: #d8b4ae;
  --multi-hover: color-mix(in srgb, var(--multi-accent) 8%, var(--ivory));
  --sakura: var(--miwa-border);
  --sakura-deep: var(--miwa-text);
  --sakura-wash: color-mix(in srgb, var(--miwa-bg) 82%, transparent);
  --sage: #6f8174;
  --bg: var(--rice);
  --bg-nav: #ebe5db;
  --bg-rail: transparent;
  --text: var(--ink);
  --nav-w: 84px;
  --rail-w: 260px;
  --rail-span: clamp(240px, 18vw, 300px);
  --feed-pad: 36px;
  --feed-max: 1200px;
  --feed-min: 720px;
  --feed-track-max: 70rem;
  --content-right-inset: clamp(20px, 1.8vw, 32px);
  --feed-rail-gap: clamp(32px, 4vw, 72px);
  --page-pad-end: clamp(24px, 3vw, 56px);
  --page-identity-min-h: 162px;
  --page-primary-controls-gap: 4px;
  --note-media-gap: clamp(16px, 2.2vw, 28px);
  --serif: "Noto Serif SC", "Newsreader", "Songti SC", serif;
  --sans: "Noto Sans SC", "Outfit", "PingFang SC", sans-serif;
  --display-en: "Newsreader", "Noto Serif SC", serif;
  --ui-en: "Outfit", "Noto Sans SC", sans-serif;
  --ease: 180ms ease;
}