:root {
  --paper: #faf9f4;
  --background: var(--paper);
  --ink: #171716;
  --foreground: var(--ink);
  --primary: var(--ink);
  --primary-foreground: #fff;
  --border: #bdbcaf;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --font-sans: "Noto Sans JP", sans-serif;
	--font-display: "Barlow Condensed", "Noto Sans JP", sans-serif;
	--font-ui: "DM Sans", "Noto Sans JP", sans-serif;
	--text-muted: #575750;
	--text-secondary: #625f57;
	--border-strong: #aaa99f;
	--desktop-menu-left: 2.6vw;
	--desktop-menu-width: clamp(142px, 18vw, 230px);
	--desktop-content-left: clamp(220px, 22vw, 340px);
	--page-gutter: 3.4vw;
	--mobile-gutter: 5vw;
	--header-height: 74px;
	--header-height-mobile: 61px;
	--transition-fast: 180ms;
	--transition-page: 220ms;
	--transition-menu: 560ms;
	--z-menu-desktop: 18;
	--z-header: 55;
	--z-menu-backdrop: 60;
	--z-menu-mobile: 61;
	--z-page-transition: 70;
}